Adlandırılmış renk · #CBA97E
Stonebriar
Stonebriar, #CBA97E: rgb(203 169 126), hsl(34 43% 65%), oklch(0.755 0.07 73). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Stonebriar color name →
#CBA97E
oklch(0.755 0.07 73)
Renk dönüşümleri
- HEX
- #cba97e
- RGB
- rgb(203 169 126)
- HSL
- hsl(34 43% 65%)
- HWB
- hwb(34 49% 20%)
- OKLCH
- oklch(0.755 0.07 73)
- OKLab
- oklab(0.755 0.021 0.067)
- CIE Lab
- lab(71.55 8.45 27.12)
- LCH
- lch(71.55 28.41 72.7)
- CMYK
- cmyk(0% 17% 38% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0B18B
- D6BA98
- DBC2A4
- E0CBB1
- E5D4BE
- EADCCB
- F0E5D8
- F5EEE5
- FAF6F2
Koyu tonlar
- B0926D
- 967C5C
- 7D674C
- 65533C
- 4D3F2D
- 372C1F
- 221B11
- 0F0A05
- 020101
Gri tonlar
- C3A57F
- BCA17F
- B49D80
- AD9980
- A59580
- 9E9080
- 968C80
- 8F8880
- 878480
Renk uyumları
Tamamlayıcı +180°
- CBA97E
Stonebriar
- 90B3DB
≈ Echo Isles Water
Analog -30° +30°
- CBA97E
Stonebriar
- D6A28C
≈ Shetland Pony
- B7B27E
≈ Leek Powder
Üçlü +120° +240°
- CBA97E
Stonebriar
- 79BEBC
≈ Gentle Wave
- BFA3D0
≈ Lucius Lilac
Bölünmüş tamamlayıcı +150° +210°
- CBA97E
Stonebriar
- 7DBAD0
≈ Petit Four
- A9AADB
≈ Childish Wonder
Dörtlü +90° +180° +270°
- CBA97E
Stonebriar
- 86BEA3
≈ Baby Cake
- 90B3DB
≈ Echo Isles Water
- D09EBB
≈ Sweet Perfume
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.20:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.51:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--stonebriar: #cba97e;
--stonebriar-rgb: 203 169 126;
--stonebriar-oklch: oklch(0.755 0.07 73);
}
.element {
color: var(--stonebriar);
background-color: hsl(34 43% 65%);
border-color: oklch(0.755 0.07 73);
}Tailwind CSS v4
@theme {
--color-stonebriar: #cba97e;
--color-stonebriar-50: #fff3e0;
--color-stonebriar-100: #f6e5cf;
--color-stonebriar-200: #e6d1b4;
--color-stonebriar-300: #cdb390;
--color-stonebriar-400: #b89870;
--color-stonebriar-500: #a37f50;
--color-stonebriar-600: #896c45;
--color-stonebriar-700: #6e5637;
--color-stonebriar-800: #523e27;
--color-stonebriar-900: #392b1a;
--color-stonebriar-950: #23180a;
}SCSS
$stonebriar: #cba97e;
$stonebriar-rgb: 203, 169, 126;
$stonebriar-light: mix(#fff, $stonebriar, 20%);
$stonebriar-dark: mix(#000, $stonebriar, 20%);
.element {
color: $stonebriar;
box-shadow: 0 0 0 2px rgba($stonebriar, 0.35);
}