Màu có tên gần nhất · #23480A
#23480A
Màu có tên gần nhất: Treetop Cathedral
#23480A (rgb(35 72 10), hsl(96 76% 16%), oklch(0.36 0.098 135.9)) gần nhất với màu có tên Treetop Cathedral. 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.
#23480A
oklch(0.36 0.098 135.9)
Chuyển đổi màu
- HEX
- #23480a
- RGB
- rgb(35 72 10)
- HSL
- hsl(96 76% 16%)
- HWB
- hwb(96 4% 72%)
- OKLCH
- oklch(0.36 0.098 135.9)
- OKLab
- oklab(0.36 -0.07 0.068)
- CIE Lab
- lab(26.84 -22.79 30.02)
- LCH
- lch(26.84 37.69 127.2)
- CMYK
- cmyk(51% 0% 86% 72%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 375925
- 4B6A3C
- 607C53
- 758D6A
- 8BA082
- A1B29A
- B8C5B2
- CFD8CB
- E7EBE5
Sắc đậm
- 1D3D07
- 173305
- 112903
- 0C1F02
- 071601
- 040D01
- 010600
- 000200
- 000000
Sắc xám
- 2D4E1A
- 365327
- 3F5932
- 485F3D
- 516449
- 5A6A54
- 646F5F
- 6D756A
- 777A75
Hòa sắc
Bổ túc +180°
- 23480A
Treetop Cathedral
- 512A5F
≈ Kuwanomi Purple
Tương đồng -30° +30°
- 23480A
Treetop Cathedral
- 433F00
≈ Xanthophobia
- 004934
≈ Zucchini
Bộ ba +120° +240°
- 23480A
Treetop Cathedral
- 153D6F
≈ Ashenvale Nights
- 67232B
≈ Blackberry Pie
Bổ túc chia +150° +210°
- 23480A
Treetop Cathedral
- 3A336D
≈ Minsk
- 602448
≈ Plum Caspia
Bộ bốn +90° +180° +270°
- 23480A
Treetop Cathedral
- 004459
≈ Crab Nebula
- 512A5F
≈ Kuwanomi Purple
- 652804
≈ Roastery
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.48:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 2.00:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 10.48:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--treetop-cathedral: #23480a;
--treetop-cathedral-rgb: 35 72 10;
--treetop-cathedral-oklch: oklch(0.36 0.098 135.9);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(96 76% 16%);
border-color: oklch(0.36 0.098 135.9);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #23480a;
--color-treetop-cathedral-50: #e8fce1;
--color-treetop-cathedral-100: #d8f0d1;
--color-treetop-cathedral-200: #c0dfb6;
--color-treetop-cathedral-300: #9fc493;
--color-treetop-cathedral-400: #84ac71;
--color-treetop-cathedral-500: #689551;
--color-treetop-cathedral-600: #587e46;
--color-treetop-cathedral-700: #466537;
--color-treetop-cathedral-800: #344a26;
--color-treetop-cathedral-900: #233319;
--color-treetop-cathedral-950: #121f0a;
}SCSS
$treetop-cathedral: #23480a;
$treetop-cathedral-rgb: 35, 72, 10;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}