컬러 팔레트

파스텔 옐로

흰색을 많이 섞은 부드러운 노랑으로, 친근하고 밝아요. 아기방, 문구류, 웹사이트 배경에 흔히 쓰여요. 민트, 라일락 같은 다른 파스텔과 잘 어울려요.

다른 이름: 연노랑, 크림 옐로

파스텔 옐로 · #FDFD96

파스텔 옐로 기본 정보

파스텔 옐로(#FDFD96) 색상은 따뜻한 색 계열이에요. 밝기는 밝은 편, 채도는 높은 수준이에요. 노란 계열 색 그룹에 속해요. RGB 값은 빨강 253, 초록 253, 파랑 150(각 255단계)예요. 주요 용도: 키즈, 인테리어, 웹.

파스텔 옐로의 명암: 밝은 톤과 어두운 톤

밝은 색부터 어두운 색 순서로 놓여 있어요. 색을 누르면 색상 코드가 복사돼요.

파스텔 옐로의 색상 조화

색상환을 바탕으로 한 배색이에요. 색상 조화 도구에서 더 많은 조합을 시험해 보세요.

보색가까운 색:라벤더
유사색가까운 색:피치색, 연두색
삼각 배색가까운 색:파스텔 터쿼이즈, 오키드
분할 보색가까운 색:베이비 블루, 라벤더
사각 배색가까운 색:아쿠아마린, 라벤더, 플라밍고 핑크

파스텔 옐로 컬러 팔레트

색상 코드를 복사하거나 편집기에서 열어 자유롭게 바꿔 보세요.

단색 팔레트 · 파스텔 옐로
유사색 팔레트 · 파스텔 옐로
보색 팔레트 · 파스텔 옐로
삼각 배색 팔레트 · 파스텔 옐로
중성색 포함 팔레트 · 파스텔 옐로
포인트 색 포함 팔레트 · 파스텔 옐로

파스텔 옐로 위 글자색 대비

흰 글자대비율 1.1:1 · 권장하지 않음
검은 글자대비율 19.7:1 · AAA

WCAG 2.1 기준이에요. 다른 색 조합은 명도 대비 검사에서 확인하세요.

CSS 코드

:root {
  --pastel-yellow: #FDFD96;
  --pastel-yellow-rgb: 253, 253, 150;
}
.bg { background-color: var(--pastel-yellow); }
.text { color: var(--pastel-yellow); }

파스텔 옐로에 가까운 색

옥수수색바닐라크림색올드 골드밀색피스타치오 그린사프란색모래색연두색민트색

다른 노란 계열 색

노란색금색올드 골드머스터드레몬색앰버밀색꿀색카나리아색사프란색샴페인형광 노란색옥수수색해바라기색

자주 묻는 질문

파스텔 옐로의 색상 코드는 무엇인가요?

파스텔 옐로의 HEX 코드는 #FDFD96 값이에요. RGB로는 rgb(253, 253, 150), HSL로는 hsl(60, 96%, 79%), CMYK로는 0, 0, 41, 1 값이에요.

파스텔 옐로의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #9696FD 색으로, 라벤더에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

파스텔 옐로 위에 흰 글자를 올려도 잘 읽히나요?

검은 글자가 더 좋아요. 흰색과의 대비율은 1.1:1뿐이지만 검은색과는 19.7:1이에요.