Adlandırılmış renk · #B59D77
King’s Ransom
King’s Ransom, #B59D77: rgb(181 157 119), hsl(37 30% 59%), oklch(0.708 0.059 79). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · King’s Ransom color name →
#B59D77
oklch(0.708 0.059 79)
Renk dönüşümleri
- HEX
- #b59d77
- RGB
- rgb(181 157 119)
- HSL
- hsl(37 30% 59%)
- HWB
- hwb(37 47% 29%)
- OKLCH
- oklch(0.708 0.059 79)
- OKLab
- oklab(0.708 0.011 0.058)
- CIE Lab
- lab(66.19 5.01 23.37)
- LCH
- lch(66.19 23.9 77.9)
- CMYK
- cmyk(0% 13% 34% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BCA784
- C4B092
- CBBA9F
- D2C3AC
- DACDBA
- E1D7C8
- E9E1D5
- F0EBE3
- F7F5F1
Koyu tonlar
- 9D8867
- 867357
- 6F5F47
- 594C38
- 443A2A
- 30281C
- 1D1810
- 0C0905
- 020101
Gri tonlar
- B09A78
- AA9779
- A5947B
- A0917C
- 9A8F7C
- 958C7D
- 90897E
- 8A867F
- 85837F
Renk uyumları
Tamamlayıcı +180°
- B59D77
King’s Ransom
- 8BA2C6
≈ Windy City
Analog -30° +30°
- B59D77
King’s Ransom
- C09681
≈ Faded Redwood
- A3A479
≈ Dill Grass
Üçlü +120° +240°
- B59D77
King’s Ransom
- 74ADAF
≈ Poolrooms
- B195B9
≈ Lavender Earl
Bölünmüş tamamlayıcı +150° +210°
- B59D77
King’s Ransom
- 7AA8BF
≈ Serene Sea
- 9F9BC4
≈ Cosmo Purple
Dörtlü +90° +180° +270°
- B59D77
King’s Ransom
- 7CAD9A
≈ Catnip
- 8BA2C6
≈ Windy City
- BE92A7
≈ Bed of Roses
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.05:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--king-s-ransom: #b59d77;
--king-s-ransom-rgb: 181 157 119;
--king-s-ransom-oklch: oklch(0.708 0.059 79);
}
.element {
color: var(--king-s-ransom);
background-color: hsl(37 30% 59%);
border-color: oklch(0.708 0.059 79);
}Tailwind CSS v4
@theme {
--color-king-s-ransom: #b59d77;
--color-king-s-ransom-50: #fef4e3;
--color-king-s-ransom-100: #f2e6d2;
--color-king-s-ransom-200: #e1d2b8;
--color-king-s-ransom-300: #c7b596;
--color-king-s-ransom-400: #b29b77;
--color-king-s-ransom-500: #9c8259;
--color-king-s-ransom-600: #836e4b;
--color-king-s-ransom-700: #69583c;
--color-king-s-ransom-800: #4e402b;
--color-king-s-ransom-900: #362c1d;
--color-king-s-ransom-950: #21190d;
}SCSS
$king-s-ransom: #b59d77;
$king-s-ransom-rgb: 181, 157, 119;
$king-s-ransom-light: mix(#fff, $king-s-ransom, 20%);
$king-s-ransom-dark: mix(#000, $king-s-ransom, 20%);
.element {
color: $king-s-ransom;
box-shadow: 0 0 0 2px rgba($king-s-ransom, 0.35);
}