最も近い色名 · #23480A
#23480A
最も近い色名: Treetop Cathedral
#23480A（rgb(35 72 10)、hsl(96 76% 16%)、oklch(0.36 0.098 135.9)）に最も近い色名はTreetop Cathedralです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#23480A
oklch(0.36 0.098 135.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 375925
- 4B6A3C
- 607C53
- 758D6A
- 8BA082
- A1B29A
- B8C5B2
- CFD8CB
- E7EBE5
シェード
- 1D3D07
- 173305
- 112903
- 0C1F02
- 071601
- 040D01
- 010600
- 000200
- 000000
トーン
- 2D4E1A
- 365327
- 3F5932
- 485F3D
- 516449
- 5A6A54
- 646F5F
- 6D756A
- 777A75
カラーハーモニー
補色 +180°
- 23480A
Treetop Cathedral
- 512A5F
≈ Kuwanomi Purple
類似色 -30° +30°
- 23480A
Treetop Cathedral
- 433F00
≈ Xanthophobia
- 004934
≈ Zucchini
トライアド +120° +240°
- 23480A
Treetop Cathedral
- 153D6F
≈ Ashenvale Nights
- 67232B
≈ Blackberry Pie
スプリットコンプリメンタリー +150° +210°
- 23480A
Treetop Cathedral
- 3A336D
≈ Minsk
- 602448
≈ Plum Caspia
テトラード +90° +180° +270°
- 23480A
Treetop Cathedral
- 004459
≈ Crab Nebula
- 512A5F
≈ Kuwanomi Purple
- 652804
≈ Roastery
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.48:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.00:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.48:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
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);
}