Màu có tên gần nhất · #916466
#916466
Màu có tên gần nhất: Reading Tea Leaves
#916466 (rgb(145 100 102), hsl(357 18% 48%), oklch(0.551 0.059 16.2)) gần nhất với màu có tên Reading Tea Leaves. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#916466
oklch(0.551 0.059 16.2)
Chuyển đổi màu
- HEX
- #916466
- RGB
- rgb(145 100 102)
- HSL
- hsl(357 18% 48%)
- HWB
- hwb(357 39% 43%)
- OKLCH
- oklch(0.551 0.059 16.2)
- OKLab
- oklab(0.551 0.056 0.016)
- CIE Lab
- lab(47.29 18.95 6.58)
- LCH
- lch(47.29 20.06 19.2)
- CMYK
- cmyk(0% 31% 30% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9C7374
- A78183
- B29091
- BD9FA0
- C8AFAF
- D3BEBF
- DECECF
- E9DEDF
- F4EFEF
Sắc đậm
- 7D5658
- 6A484A
- 583B3C
- 462E2F
- 352223
- 251617
- 150B0C
- 070304
- 010000
Sắc xám
- 906769
- 8E6A6B
- 8D6D6E
- 8B7070
- 8A7273
- 887576
- 867878
- 847B7B
- 827D7D
Hòa sắc
Bổ túc +180°
- 916466
Reading Tea Leaves
- 467D7D
≈ Lucky Shamrock
Tương đồng -30° +30°
- 916466
Reading Tea Leaves
- 8C6479
≈ Sweet Violet
- 8F6755
≈ Rio Rust
Bộ ba +120° +240°
- 916466
Reading Tea Leaves
- 627A58
≈ Silver Willow Green
- 5B7394
≈ Clean Slate
Bổ túc chia +150° +210°
- 916466
Reading Tea Leaves
- 4F7D6A
≈ Gremolata
- 4B798C
≈ Sotek Green
Bộ bốn +90° +180° +270°
- 916466
Reading Tea Leaves
- 76744C
≈ Fresh Cilantro
- 467D7D
≈ Lucky Shamrock
- 6F6D93
≈ Campanula Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.97:1 · APCA Lc 74
Ag
FailTrên nền đen
WCAG 4.21:1 · APCA Lc 27
Màu chữ tốt nhất: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--reading-tea-leaves: #916466;
--reading-tea-leaves-rgb: 145 100 102;
--reading-tea-leaves-oklch: oklch(0.551 0.059 16.2);
}
.element {
color: var(--reading-tea-leaves);
background-color: hsl(357 18% 48%);
border-color: oklch(0.551 0.059 16.2);
}Tailwind CSS v4
@theme {
--color-reading-tea-leaves: #916466;
--color-reading-tea-leaves-50: #ffefef;
--color-reading-tea-leaves-100: #fbe1e0;
--color-reading-tea-leaves-200: #eccbcb;
--color-reading-tea-leaves-300: #d4acac;
--color-reading-tea-leaves-400: #bf9192;
--color-reading-tea-leaves-500: #aa7779;
--color-reading-tea-leaves-600: #8f6466;
--color-reading-tea-leaves-700: #735052;
--color-reading-tea-leaves-800: #553a3c;
--color-reading-tea-leaves-900: #3b2829;
--color-reading-tea-leaves-950: #251617;
}SCSS
$reading-tea-leaves: #916466;
$reading-tea-leaves-rgb: 145, 100, 102;
$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);
}