이름 색상 · #F3E0BE
Vanilla Custard
Vanilla Custard은(는) #F3E0BE: rgb(243 224 190), hsl(38 69% 85%), oklch(0.913 0.049 82.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Vanilla Custard color name →
#F3E0BE
oklch(0.913 0.049 82.2)
색상 변환
- HEX
- #f3e0be
- RGB
- rgb(243 224 190)
- HSL
- hsl(38 69% 85%)
- HWB
- hwb(38 75% 5%)
- OKLCH
- oklch(0.913 0.049 82.2)
- OKLab
- oklab(0.913 0.007 0.049)
- CIE Lab
- lab(90.09 2.86 19.2)
- LCH
- lch(90.09 19.41 81.5)
- CMYK
- cmyk(0% 8% 22% 5%)
틴트 · 셰이드 · 톤
틴트
- F4E3C5
- F5E6CB
- F7E9D2
- F8ECD8
- F9F0DF
- FAF3E5
- FBF6EC
- FDF9F2
- FEFCF9
셰이드
- D3C3A5
- B4A68C
- 978A75
- 7A705E
- 5E5648
- 443E33
- 2B271F
- 14120D
- 030202
톤
- E7D6B8
- DBCCB1
- CFC2AB
- C3B9A5
- B8AF9F
- ACA599
- A19C92
- 96928C
- 8B8986
색 조화
보색 +180°
- F3E0BE
Vanilla Custard
- D4E3FF
≈ Stoic White
유사색 -30° +30°
- F3E0BE
Vanilla Custard
- FEDAC5
≈ Quilt
- E3E6C1
≈ Tinted Mint
삼각 배색 +120° +240°
- F3E0BE
Vanilla Custard
- BDEDF1
≈ Cold Blooded
- F3D8F6
≈ Grape Taffy
분열 보색 +150° +210°
- F3E0BE
Vanilla Custard
- C3E9FE
≈ Blue Java Banana
- E2DEFF
≈ Contrail
사각 배색 +90° +180° +270°
- F3E0BE
Vanilla Custard
- C2EEDF
≈ Fresh Breeze
- D4E3FF
≈ Stoic White
- FED6E6
≈ Powder Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.21:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--vanilla-custard: #f3e0be;
--vanilla-custard-rgb: 243 224 190;
--vanilla-custard-oklch: oklch(0.913 0.049 82.2);
}
.element {
color: var(--vanilla-custard);
background-color: hsl(38 69% 85%);
border-color: oklch(0.913 0.049 82.2);
}Tailwind CSS v4
@theme {
--color-vanilla-custard: #f3e0be;
--color-vanilla-custard-50: #fcf4e6;
--color-vanilla-custard-100: #f0e7d6;
--color-vanilla-custard-200: #ded3bd;
--color-vanilla-custard-300: #c3b69b;
--color-vanilla-custard-400: #ad9c7e;
--color-vanilla-custard-500: #978361;
--color-vanilla-custard-600: #7f6f52;
--color-vanilla-custard-700: #665941;
--color-vanilla-custard-800: #4b412f;
--color-vanilla-custard-900: #342d20;
--color-vanilla-custard-950: #201a0f;
}SCSS
$vanilla-custard: #f3e0be;
$vanilla-custard-rgb: 243, 224, 190;
$vanilla-custard-light: mix(#fff, $vanilla-custard, 20%);
$vanilla-custard-dark: mix(#000, $vanilla-custard, 20%);
.element {
color: $vanilla-custard;
box-shadow: 0 0 0 2px rgba($vanilla-custard, 0.35);
}