Adlandırılmış renk · #FBAF8D
Orange Grove
Orange Grove, #FBAF8D: rgb(251 175 141), hsl(19 93% 77%), oklch(0.819 0.101 45). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Orange Grove color name →
#FBAF8D
oklch(0.819 0.101 45)
Renk dönüşümleri
- HEX
- #fbaf8d
- RGB
- rgb(251 175 141)
- HSL
- hsl(19 93% 77%)
- HWB
- hwb(19 55% 2%)
- OKLCH
- oklch(0.819 0.101 45)
- OKLab
- oklab(0.819 0.071 0.071)
- CIE Lab
- lab(78.35 25.76 29.2)
- LCH
- lch(78.35 38.94 48.6)
- CMYK
- cmyk(0% 30% 44% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCB799
- FDBFA4
- FEC7AF
- FFCFBB
- FFD7C6
- FFDFD1
- FFE7DD
- FFEFE8
- FFF7F4
Koyu tonlar
- DA987A
- BA8167
- 9C6B55
- 7E5644
- 614133
- 462E23
- 2D1C14
- 150B07
- 030101
Gri tonlar
- EEAA8C
- E2A68B
- D6A18A
- C99D89
- BD9888
- B19386
- A58E85
- 988A83
- 8C8582
Renk uyumları
Tamamlayıcı +180°
- FBAF8D
Orange Grove
- 76D2F5
≈ Heisenberg Blue
Analog -30° +30°
- FBAF8D
Orange Grove
- FEA9AF
≈ Apricot Haze
- EABA78
≈ Kernel
Üçlü +120° +240°
- FBAF8D
Orange Grove
- 81D9B3
≈ Fresco Green
- BDBCFF
≈ Dried Lilac
Bölünmüş tamamlayıcı +150° +210°
- FBAF8D
Orange Grove
- 6BD8D8
≈ Andes Sky
- 9BC7FF
≈ Apocyan
Dörtlü +90° +180° +270°
- FBAF8D
Orange Grove
- A8D390
≈ Nature’s Delight
- 76D2F5
≈ Heisenberg Blue
- DDB0F1
≈ Petal Plush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.80:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.61:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--orange-grove: #fbaf8d;
--orange-grove-rgb: 251 175 141;
--orange-grove-oklch: oklch(0.819 0.101 45);
}
.element {
color: var(--orange-grove);
background-color: hsl(19 93% 77%);
border-color: oklch(0.819 0.101 45);
}Tailwind CSS v4
@theme {
--color-orange-grove: #fbaf8d;
--color-orange-grove-50: #ffeddd;
--color-orange-grove-100: #ffdecc;
--color-orange-grove-200: #fac8b0;
--color-orange-grove-300: #e3a88b;
--color-orange-grove-400: #d08b6c;
--color-orange-grove-500: #bd6f4b;
--color-orange-grove-600: #9f5e40;
--color-orange-grove-700: #804b33;
--color-orange-grove-800: #5f3625;
--color-orange-grove-900: #432519;
--color-orange-grove-950: #2b1309;
}SCSS
$orange-grove: #fbaf8d;
$orange-grove-rgb: 251, 175, 141;
$orange-grove-light: mix(#fff, $orange-grove, 20%);
$orange-grove-dark: mix(#000, $orange-grove, 20%);
.element {
color: $orange-grove;
box-shadow: 0 0 0 2px rgba($orange-grove, 0.35);
}