En yakın adlandırılmış renk · #F4B19F
#F4B19F
En yakın adlandırılmış renk: Wax Flower
#F4B19F (rgb(244 177 159), hsl(13 79% 79%), oklch(0.819 0.083 35.6)) en çok Wax Flower adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F4B19F
oklch(0.819 0.083 35.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6B9A8
- F7C1B2
- F9C8BB
- FAD0C5
- FBD8CF
- FCE0D8
- FDE8E2
- FEEFEC
- FFF7F5
Koyu tonlar
- D4998A
- B58375
- 976C61
- 7A574D
- 5E423B
- 442F29
- 2B1C18
- 140C09
- 030101
Gri tonlar
- E8AC9C
- DCA799
- D1A296
- C59E93
- B99990
- AE948D
- A28F8A
- 978A86
- 8B8583
Renk uyumları
Tamamlayıcı +180°
- F4B19F
Wax Flower
- 82D2E6
≈ Middle Blue
Analog -30° +30°
- F4B19F
Wax Flower
- F3AEBC
≈ Baby Fish Mouth
- E9B98A
≈ Gold Vessel
Üçlü +120° +240°
- F4B19F
Wax Flower
- 98D4AD
≈ Chinook
- B4C0FA
≈ Dried Lilac
Bölünmüş tamamlayıcı +150° +210°
- F4B19F
Wax Flower
- 82D6CB
≈ Water Wings
- 97CAF7
≈ Honolulu
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.80:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.63:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
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);
}