이름 색상 · #F4E3B5
Anise Flower
Anise Flower은(는) #F4E3B5: rgb(244 227 181), hsl(44 74% 83%), oklch(0.918 0.063 90.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Anise Flower color name →
#F4E3B5
oklch(0.918 0.063 90.2)
색상 변환
- HEX
- #f4e3b5
- RGB
- rgb(244 227 181)
- HSL
- hsl(44 74% 83%)
- HWB
- hwb(44 71% 4%)
- OKLCH
- oklch(0.918 0.063 90.2)
- OKLab
- oklab(0.918 0 0.063)
- CIE Lab
- lab(90.78 0.88 24.77)
- LCH
- lch(90.78 24.79 88)
- CMYK
- cmyk(0% 7% 26% 4%)
틴트 · 셰이드 · 톤
틴트
- F5E6BD
- F6E9C4
- F7ECCC
- F8EED3
- FAF1DA
- FBF4E2
- FCF7E9
- FDF9F0
- FEFCF8
셰이드
- D4C59D
- B5A886
- 978C6F
- 7A7159
- 5E5744
- 443F30
- 2B271D
- 14120C
- 030302
톤
- E8D9B0
- DCCEAB
- D0C4A5
- C4BAA0
- B8B09B
- ADA695
- A19D90
- 96938B
- 8B8985
색 조화
보색 +180°
- F4E3B5
Anise Flower
- DAE3FF
≈ Stoic White
유사색 -30° +30°
- F4E3B5
Anise Flower
- FFDDC2
≈ Karry
- DEEBBC
≈ Budding Bloom
삼각 배색 +120° +240°
- F4E3B5
Anise Flower
- B4F0FB
≈ Northrend
- FDD6F8
≈ Strawberry Frost
분열 보색 +150° +210°
- F4E3B5
Anise Flower
- CBE9FF
≈ Veiling Waterfalls
- E8DEFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- F4E3B5
Anise Flower
- B7F2E6
≈ Light Water Wings
- DAE3FF
≈ Stoic White
- FFD8E3
≈ Pink Supremecy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.50:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.50:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--anise-flower: #f4e3b5;
--anise-flower-rgb: 244 227 181;
--anise-flower-oklch: oklch(0.918 0.063 90.2);
}
.element {
color: var(--anise-flower);
background-color: hsl(44 74% 83%);
border-color: oklch(0.918 0.063 90.2);
}Tailwind CSS v4
@theme {
--color-anise-flower: #f4e3b5;
--color-anise-flower-50: #fbf5e1;
--color-anise-flower-100: #efe8d1;
--color-anise-flower-200: #ded4b7;
--color-anise-flower-300: #c3b793;
--color-anise-flower-400: #ad9d74;
--color-anise-flower-500: #968555;
--color-anise-flower-600: #7f7048;
--color-anise-flower-700: #665a3a;
--color-anise-flower-800: #4b4129;
--color-anise-flower-900: #342d1b;
--color-anise-flower-950: #201a0c;
}SCSS
$anise-flower: #f4e3b5;
$anise-flower-rgb: 244, 227, 181;
$anise-flower-light: mix(#fff, $anise-flower, 20%);
$anise-flower-dark: mix(#000, $anise-flower, 20%);
.element {
color: $anise-flower;
box-shadow: 0 0 0 2px rgba($anise-flower, 0.35);
}