이름 색상 · #F0E2C5
Creamy Gelato
Creamy Gelato은(는) #F0E2C5: rgb(240 226 197), hsl(40 59% 86%), oklch(0.916 0.041 85.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Creamy Gelato color name →
#F0E2C5
oklch(0.916 0.041 85.3)
색상 변환
- HEX
- #f0e2c5
- RGB
- rgb(240 226 197)
- HSL
- hsl(40 59% 86%)
- HWB
- hwb(40 77% 6%)
- OKLCH
- oklch(0.916 0.041 85.3)
- OKLab
- oklab(0.916 0.003 0.041)
- CIE Lab
- lab(90.46 1.52 16.05)
- LCH
- lch(90.46 16.12 84.6)
- CMYK
- cmyk(0% 6% 18% 6%)
틴트 · 셰이드 · 톤
틴트
- F2E5CB
- F3E8D1
- F5EBD6
- F6EEDC
- F8F1E2
- F9F3E8
- FBF6EE
- FCF9F3
- FEFCF9
셰이드
- D1C4AB
- B2A892
- 958C79
- 787161
- 5D574B
- 433E35
- 2A2721
- 14120E
- 030302
톤
- E4D8BE
- D9CEB7
- CDC4B0
- C2BAA9
- B6B0A2
- ABA69B
- A09C94
- 95938E
- 8B8987
색 조화
보색 +180°
- F0E2C5
Creamy Gelato
- D7E4FF
≈ Stoic White
유사색 -30° +30°
- F0E2C5
Creamy Gelato
- FADDCA
≈ Muffin Magic
- E2E7C8
≈ Origami Clover
삼각 배색 +120° +240°
- F0E2C5
Creamy Gelato
- C5ECF1
≈ Icy Breeze
- F2DBF3
≈ Grape Taffy
분열 보색 +150° +210°
- F0E2C5
Creamy Gelato
- CAE9FC
≈ Blue Java Banana
- E5DFFD
≈ Stoic White
사각 배색 +90° +180° +270°
- F0E2C5
Creamy Gelato
- C8EDE2
≈ Teal Melody
- D7E4FF
≈ Stoic White
- FBD9E5
≈ Cherry Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.38:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--creamy-gelato: #f0e2c5;
--creamy-gelato-rgb: 240 226 197;
--creamy-gelato-oklch: oklch(0.916 0.041 85.3);
}
.element {
color: var(--creamy-gelato);
background-color: hsl(40 59% 86%);
border-color: oklch(0.916 0.041 85.3);
}Tailwind CSS v4
@theme {
--color-creamy-gelato: #f0e2c5;
--color-creamy-gelato-50: #faf5e8;
--color-creamy-gelato-100: #eee7d9;
--color-creamy-gelato-200: #dcd4c1;
--color-creamy-gelato-300: #c0b7a0;
--color-creamy-gelato-400: #aa9d83;
--color-creamy-gelato-500: #938567;
--color-creamy-gelato-600: #7c7058;
--color-creamy-gelato-700: #635a46;
--color-creamy-gelato-800: #494132;
--color-creamy-gelato-900: #332d22;
--color-creamy-gelato-950: #1f1a11;
}SCSS
$creamy-gelato: #f0e2c5;
$creamy-gelato-rgb: 240, 226, 197;
$creamy-gelato-light: mix(#fff, $creamy-gelato, 20%);
$creamy-gelato-dark: mix(#000, $creamy-gelato, 20%);
.element {
color: $creamy-gelato;
box-shadow: 0 0 0 2px rgba($creamy-gelato, 0.35);
}