Najbliższy nazwany kolor · #F4B19F
#F4B19F
Najbliższy nazwany kolor: Wax Flower
#F4B19F (rgb(244 177 159), hsl(13 79% 79%), oklch(0.819 0.083 35.6)) jest najbliższy nazwanemu kolorowi Wax Flower. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F4B19F
oklch(0.819 0.083 35.6)
Konwersje koloru
- HEX
- #f4b19f
- RGB
- rgb(244 177 159)
- HSL
- hsl(13 79% 79%)
- HWB
- hwb(13 62% 4%)
- OKLCH
- oklch(0.819 0.083 35.6)
- OKLab
- oklab(0.819 0.067 0.048)
- CIE Lab
- lab(78.31 23.49 19.41)
- LCH
- lch(78.31 30.47 39.6)
- CMYK
- cmyk(0% 27% 35% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6B9A8
- F7C1B2
- F9C8BB
- FAD0C5
- FBD8CF
- FCE0D8
- FDE8E2
- FEEFEC
- FFF7F5
Odcienie ciemniejsze
- D4998A
- B58375
- 976C61
- 7A574D
- 5E423B
- 442F29
- 2B1C18
- 140C09
- 030101
Tony
- E8AC9C
- DCA799
- D1A296
- C59E93
- B99990
- AE948D
- A28F8A
- 978A86
- 8B8583
Harmonie kolorów
Komplementarna +180°
- F4B19F
Wax Flower
- 82D2E6
≈ Middle Blue
Analogowa -30° +30°
- F4B19F
Wax Flower
- F3AEBC
≈ Baby Fish Mouth
- E9B98A
≈ Gold Vessel
Triada +120° +240°
- F4B19F
Wax Flower
- 98D4AD
≈ Chinook
- B4C0FA
≈ Dried Lilac
Komplementarna rozszczepiona +150° +210°
- F4B19F
Wax Flower
- 82D6CB
≈ Water Wings
- 97CAF7
≈ Honolulu
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.63:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--wax-flower: #f4b19f;
--wax-flower-rgb: 244 177 159;
--wax-flower-oklch: oklch(0.819 0.083 35.6);
}
.element {
color: var(--wax-flower);
background-color: hsl(13 79% 79%);
border-color: oklch(0.819 0.083 35.6);
}Tailwind CSS v4
@theme {
--color-wax-flower: #f4b19f;
--color-wax-flower-50: #ffeee4;
--color-wax-flower-100: #ffdfd4;
--color-wax-flower-200: #f5c9bb;
--color-wax-flower-300: #dea999;
--color-wax-flower-400: #ca8d7d;
--color-wax-flower-500: #b67260;
--color-wax-flower-600: #9a6151;
--color-wax-flower-700: #7b4d41;
--color-wax-flower-800: #5c382f;
--color-wax-flower-900: #402620;
--color-wax-flower-950: #291410;
}SCSS
$wax-flower: #f4b19f;
$wax-flower-rgb: 244, 177, 159;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}