En yakın adlandırılmış renk · #915F5F
#915F5F
En yakın adlandırılmış renk: Reading Tea Leaves
#915F5F (rgb(145 95 95), hsl(0 21% 47%), oklch(0.539 0.066 19.4)) en çok Reading Tea Leaves adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#915F5F
oklch(0.539 0.066 19.4)
Renk dönüşümleri
- HEX
- #915f5f
- RGB
- rgb(145 95 95)
- HSL
- hsl(0 21% 47%)
- HWB
- hwb(0 37% 43%)
- OKLCH
- oklch(0.539 0.066 19.4)
- OKLab
- oklab(0.539 0.062 0.022)
- CIE Lab
- lab(45.9 20.99 8.83)
- LCH
- lch(45.9 22.77 22.8)
- CMYK
- cmyk(0% 34% 34% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C6E6E
- A77D7D
- B28D8C
- BD9C9C
- C8ACAC
- D3BCBC
- DECDCC
- E9DDDD
- F4EEEE
Koyu tonlar
- 7D5252
- 6A4444
- 583838
- 462C2C
- 352020
- 251515
- 150A0A
- 070303
- 010000
Gri tonlar
- 906262
- 8E6666
- 8D6969
- 8B6D6C
- 8A706F
- 887373
- 867676
- 847A79
- 827D7D
Renk uyumları
Tamamlayıcı +180°
- 915F5F
Reading Tea Leaves
- 3A7A7D
≈ Grand Canal
Analog -30° +30°
- 915F5F
Reading Tea Leaves
- 8C5F74
≈ Grape Nectar
- 8E634C
≈ Weathered Leather
Üçlü +120° +240°
- 915F5F
Reading Tea Leaves
- 5B7853
≈ Garden Club
- 586F95
≈ Waikawa Grey
Bölünmüş tamamlayıcı +150° +210°
- 915F5F
Reading Tea Leaves
- 457B68
≈ Leaping Lizard
- 43768D
≈ English River
Dörtlü +90° +180° +270°
- 915F5F
Reading Tea Leaves
- 717244
≈ Wild Jungle
- 3A7A7D
≈ Grand Canal
- 6D6893
≈ Purple Grapes
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.24:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.00:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--reading-tea-leaves: #915f5f;
--reading-tea-leaves-rgb: 145 95 95;
--reading-tea-leaves-oklch: oklch(0.539 0.066 19.4);
}
.element {
color: var(--reading-tea-leaves);
background-color: hsl(0 21% 47%);
border-color: oklch(0.539 0.066 19.4);
}Tailwind CSS v4
@theme {
--color-reading-tea-leaves: #915f5f;
--color-reading-tea-leaves-50: #ffeeed;
--color-reading-tea-leaves-100: #fde0de;
--color-reading-tea-leaves-200: #efcac8;
--color-reading-tea-leaves-300: #d7aba9;
--color-reading-tea-leaves-400: #c28f8f;
--color-reading-tea-leaves-500: #ae7575;
--color-reading-tea-leaves-600: #936363;
--color-reading-tea-leaves-700: #764f4f;
--color-reading-tea-leaves-800: #57393a;
--color-reading-tea-leaves-900: #3d2728;
--color-reading-tea-leaves-950: #261516;
}SCSS
$reading-tea-leaves: #915f5f;
$reading-tea-leaves-rgb: 145, 95, 95;
$reading-tea-leaves-light: mix(#fff, $reading-tea-leaves, 20%);
$reading-tea-leaves-dark: mix(#000, $reading-tea-leaves, 20%);
.element {
color: $reading-tea-leaves;
box-shadow: 0 0 0 2px rgba($reading-tea-leaves, 0.35);
}