Adlandırılmış renk · #C5AE80
Cliff Ridge
Cliff Ridge, #C5AE80: rgb(197 174 128), hsl(40 37% 64%), oklch(0.76 0.067 84.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cliff Ridge color name →
#C5AE80
oklch(0.76 0.067 84.3)
Renk dönüşümleri
- HEX
- #c5ae80
- RGB
- rgb(197 174 128)
- HSL
- hsl(40 37% 64%)
- HWB
- hwb(40 50% 23%)
- OKLCH
- oklch(0.76 0.067 84.3)
- OKLab
- oklab(0.76 0.007 0.067)
- CIE Lab
- lab(72.28 3.66 26.88)
- LCH
- lch(72.28 27.13 82.3)
- CMYK
- cmyk(0% 12% 35% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBB68D
- D0BE99
- D6C6A6
- DCCEB2
- E2D6BF
- E8DECC
- EDE6D8
- F3EFE5
- F9F7F2
Koyu tonlar
- AB976E
- 92805D
- 796A4D
- 61553D
- 4B412E
- 352E1F
- 211C12
- 0E0B06
- 020101
Gri tonlar
- BEA980
- B7A581
- B0A081
- A99C81
- A29781
- 9B9281
- 948E81
- 8D8981
- 878580
Renk uyumları
Tamamlayıcı +180°
- C5AE80
Cliff Ridge
- 9CB1DC
≈ Myrtle Flower
Analog -30° +30°
- C5AE80
Cliff Ridge
- D3A689
≈ Yolande
- B0B685
≈ Lima Green
Üçlü +120° +240°
- C5AE80
Cliff Ridge
- 7DBEC5
≈ Aqua Vitale
- C7A3C9
≈ Stormy Sunrise
Bölünmüş tamamlayıcı +150° +210°
- C5AE80
Cliff Ridge
- 87B9D6
≈ Simply Posh
- B3A9D8
≈ Grape Illusion
Dörtlü +90° +180° +270°
- C5AE80
Cliff Ridge
- 83BFAE
≈ Seaborn
- 9CB1DC
≈ Myrtle Flower
- D4A0B4
≈ Gizmo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.74:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--cliff-ridge: #c5ae80;
--cliff-ridge-rgb: 197 174 128;
--cliff-ridge-oklch: oklch(0.76 0.067 84.3);
}
.element {
color: var(--cliff-ridge);
background-color: hsl(40 37% 64%);
border-color: oklch(0.76 0.067 84.3);
}Tailwind CSS v4
@theme {
--color-cliff-ridge: #c5ae80;
--color-cliff-ridge-50: #fef4e0;
--color-cliff-ridge-100: #f2e7cf;
--color-cliff-ridge-200: #e1d3b4;
--color-cliff-ridge-300: #c7b691;
--color-cliff-ridge-400: #b19c71;
--color-cliff-ridge-500: #9b8351;
--color-cliff-ridge-600: #836f45;
--color-cliff-ridge-700: #695837;
--color-cliff-ridge-800: #4e4027;
--color-cliff-ridge-900: #362c1a;
--color-cliff-ridge-950: #21190a;
}SCSS
$cliff-ridge: #c5ae80;
$cliff-ridge-rgb: 197, 174, 128;
$cliff-ridge-light: mix(#fff, $cliff-ridge, 20%);
$cliff-ridge-dark: mix(#000, $cliff-ridge, 20%);
.element {
color: $cliff-ridge;
box-shadow: 0 0 0 2px rgba($cliff-ridge, 0.35);
}