이름 색상 · #FBF4DA
Tulip Petals
Tulip Petals은(는) #FBF4DA: rgb(251 244 218), hsl(47 80% 92%), oklch(0.966 0.035 94.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Tulip Petals color name →
#FBF4DA
oklch(0.966 0.035 94.5)
색상 변환
- HEX
- #fbf4da
- RGB
- rgb(251 244 218)
- HSL
- hsl(47 80% 92%)
- HWB
- hwb(47 85% 2%)
- OKLCH
- oklch(0.966 0.035 94.5)
- OKLab
- oklab(0.966 -0.003 0.035)
- CIE Lab
- lab(96.23 -0.73 13.46)
- LCH
- lch(96.23 13.48 93.1)
- CMYK
- cmyk(0% 3% 13% 2%)
틴트 · 셰이드 · 톤
틴트
- FBF5DE
- FCF6E1
- FCF7E5
- FDF8E9
- FDFAED
- FDFBF0
- FEFCF4
- FEFDF8
- FFFEFB
셰이드
- DAD4BD
- BAB5A2
- 9C9787
- 7E7A6C
- 615E54
- 46443C
- 2D2B25
- 151411
- 030302
톤
- EEE8D1
- E1DCC7
- D5D0BE
- C8C4B5
- BCB8AC
- AFADA3
- A3A19A
- 979691
- 8C8B89
색 조화
보색 +180°
- FBF4DA
Tulip Petals
- F0F3FF
≈ Boysenberry Shadow
유사색 -30° +30°
- FBF4DA
Tulip Petals
- FFF1E4
≈ Rice Pudding
- EEF8DF
≈ Lemon Sugar
삼각 배색 +120° +240°
- FBF4DA
Tulip Petals
- E1F9FF
≈ Glacial Day
- FFEEFB
≈ Partial Pink
분열 보색 +150° +210°
- FBF4DA
Tulip Petals
- EAF5FF
≈ Placebo Blue
- F7F1FF
≈ Cloud Break
사각 배색 +90° +180° +270°
- FBF4DA
Tulip Petals
- DBFCF6
≈ Mint Condition
- F0F3FF
≈ Boysenberry Shadow
- FFEFF2
≈ Powder Puff
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.10:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.05:1 · APCA Lc 101
가장 좋은 글자색: #000000
WCAG 19.05:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--tulip-petals: #fbf4da;
--tulip-petals-rgb: 251 244 218;
--tulip-petals-oklch: oklch(0.966 0.035 94.5);
}
.element {
color: var(--tulip-petals);
background-color: hsl(47 80% 92%);
border-color: oklch(0.966 0.035 94.5);
}Tailwind CSS v4
@theme {
--color-tulip-petals: #fbf4da;
--color-tulip-petals-50: #f8f5ea;
--color-tulip-petals-100: #ebe8db;
--color-tulip-petals-200: #d8d5c4;
--color-tulip-petals-300: #bcb8a4;
--color-tulip-petals-400: #a59f88;
--color-tulip-petals-500: #8d866c;
--color-tulip-petals-600: #78725c;
--color-tulip-petals-700: #605b49;
--color-tulip-petals-800: #464235;
--color-tulip-petals-900: #312e24;
--color-tulip-petals-950: #1d1a13;
}SCSS
$tulip-petals: #fbf4da;
$tulip-petals-rgb: 251, 244, 218;
$tulip-petals-light: mix(#fff, $tulip-petals, 20%);
$tulip-petals-dark: mix(#000, $tulip-petals, 20%);
.element {
color: $tulip-petals;
box-shadow: 0 0 0 2px rgba($tulip-petals, 0.35);
}