Warna bernama terdekat · #23480A
#23480A
Warna bernama terdekat: Treetop Cathedral
#23480A (rgb(35 72 10), hsl(96 76% 16%), oklch(0.36 0.098 135.9)) paling mendekati warna bernama Treetop Cathedral. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#23480A
oklch(0.36 0.098 135.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 375925
- 4B6A3C
- 607C53
- 758D6A
- 8BA082
- A1B29A
- B8C5B2
- CFD8CB
- E7EBE5
Shade
- 1D3D07
- 173305
- 112903
- 0C1F02
- 071601
- 040D01
- 010600
- 000200
- 000000
Tone
- 2D4E1A
- 365327
- 3F5932
- 485F3D
- 516449
- 5A6A54
- 646F5F
- 6D756A
- 777A75
Harmoni warna
Komplementer +180°
- 23480A
Treetop Cathedral
- 512A5F
≈ Kuwanomi Purple
Analog -30° +30°
- 23480A
Treetop Cathedral
- 433F00
≈ Xanthophobia
- 004934
≈ Zucchini
Triadik +120° +240°
- 23480A
Treetop Cathedral
- 153D6F
≈ Ashenvale Nights
- 67232B
≈ Blackberry Pie
Split-komplementer +150° +210°
- 23480A
Treetop Cathedral
- 3A336D
≈ Minsk
- 602448
≈ Plum Caspia
Tetradik +90° +180° +270°
- 23480A
Treetop Cathedral
- 004459
≈ Crab Nebula
- 512A5F
≈ Kuwanomi Purple
- 652804
≈ Roastery
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 10.48:1 · APCA Lc 94
Ag
FailDi atas hitam
WCAG 2.00:1 · APCA Lc 8
Warna teks terbaik: #FFFFFF
WCAG 10.48:1 (AAA) · APCA Lc 94
Contrast pairs
Cuplikan kode
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);
}