Adlandırılmış renk · #A97B2D
Chai Tea
Chai Tea, #A97B2D: rgb(169 123 45), hsl(38 58% 42%), oklch(0.615 0.109 77). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Chai Tea color name →
#A97B2D
oklch(0.615 0.109 77)
Renk dönüşümleri
- HEX
- #a97b2d
- RGB
- rgb(169 123 45)
- HSL
- hsl(38 58% 42%)
- HWB
- hwb(38 18% 34%)
- OKLCH
- oklch(0.615 0.109 77)
- OKLab
- oklab(0.615 0.024 0.106)
- CIE Lab
- lab(55.26 12.94 47.88)
- LCH
- lch(55.26 49.6 74.9)
- CMYK
- cmyk(0% 27% 73% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B28846
- BA955C
- C3A271
- CCAF85
- D4BC99
- DDC9AD
- E5D7C2
- EEE4D6
- F6F1EA
Koyu tonlar
- 926A26
- 7C5A1F
- 674A18
- 533A11
- 3F2C0B
- 2C1E06
- 1B1002
- 0A0501
- 010100
Gri tonlar
- A57C39
- A17D44
- 9D7D4D
- 997E55
- 957E5D
- 917F65
- 8D7F6C
- 898073
- 84807A
Renk uyumları
Tamamlayıcı +180°
- A97B2D
Chai Tea
- 5986C5
≈ Marina
Analog -30° +30°
- A97B2D
Chai Tea
- B96F48
≈ Pottery Clay
- 8C8931
≈ Woodbine
Üçlü +120° +240°
- A97B2D
Chai Tea
- 00979A
≈ Regula Barbara Blue
- 9F6FB0
≈ Soft Purple
Bölünmüş tamamlayıcı +150° +210°
- A97B2D
Chai Tea
- 2391B7
≈ Blue Danube
- 807AC3
≈ Ube
Dörtlü +90° +180° +270°
- A97B2D
Chai Tea
- 309977
≈ Ocean Green
- 5986C5
≈ Marina
- B46891
≈ Je t’aime
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.77:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.55:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.55:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--chai-tea: #a97b2d;
--chai-tea-rgb: 169 123 45;
--chai-tea-oklch: oklch(0.615 0.109 77);
}
.element {
color: var(--chai-tea);
background-color: hsl(38 58% 42%);
border-color: oklch(0.615 0.109 77);
}Tailwind CSS v4
@theme {
--color-chai-tea: #a97b2d;
--color-chai-tea-50: #fff2d3;
--color-chai-tea-100: #fce4c0;
--color-chai-tea-200: #eed0a0;
--color-chai-tea-300: #d6b176;
--color-chai-tea-400: #c3964f;
--color-chai-tea-500: #ae7b1e;
--color-chai-tea-600: #93691d;
--color-chai-tea-700: #765417;
--color-chai-tea-800: #583c0f;
--color-chai-tea-900: #3e2909;
--color-chai-tea-950: #271700;
}SCSS
$chai-tea: #a97b2d;
$chai-tea-rgb: 169, 123, 45;
$chai-tea-light: mix(#fff, $chai-tea, 20%);
$chai-tea-dark: mix(#000, $chai-tea, 20%);
.element {
color: $chai-tea;
box-shadow: 0 0 0 2px rgba($chai-tea, 0.35);
}