Nazwany kolor · #F4E3B5
Anise Flower
Anise Flower to #F4E3B5: rgb(244 227 181), hsl(44 74% 83%), oklch(0.918 0.063 90.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Anise Flower color name →
#F4E3B5
oklch(0.918 0.063 90.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5E6BD
- F6E9C4
- F7ECCC
- F8EED3
- FAF1DA
- FBF4E2
- FCF7E9
- FDF9F0
- FEFCF8
Odcienie ciemniejsze
- D4C59D
- B5A886
- 978C6F
- 7A7159
- 5E5744
- 443F30
- 2B271D
- 14120C
- 030302
Tony
- E8D9B0
- DCCEAB
- D0C4A5
- C4BAA0
- B8B09B
- ADA695
- A19D90
- 96938B
- 8B8985
Harmonie kolorów
Komplementarna +180°
- F4E3B5
Anise Flower
- DAE3FF
≈ Stoic White
Analogowa -30° +30°
- F4E3B5
Anise Flower
- FFDDC2
≈ Karry
- DEEBBC
≈ Budding Bloom
Triada +120° +240°
- F4E3B5
Anise Flower
- B4F0FB
≈ Northrend
- FDD6F8
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- F4E3B5
Anise Flower
- CBE9FF
≈ Veiling Waterfalls
- E8DEFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F4E3B5
Anise Flower
- B7F2E6
≈ Light Water Wings
- DAE3FF
≈ Stoic White
- FFD8E3
≈ Pink Supremecy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.50:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.50:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}