最も近い色名 · #145A23
#145A23
最も近い色名: O Tannenbaum
#145A23（rgb(20 90 35)、hsl(133 64% 22%)、oklch(0.412 0.11 146.7)）に最も近い色名はO Tannenbaumです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#145A23
oklch(0.412 0.11 146.7)
カラー変換
- HEX
- #145a23
- RGB
- rgb(20 90 35)
- HSL
- hsl(133 64% 22%)
- HWB
- hwb(133 8% 65%)
- OKLCH
- oklch(0.412 0.11 146.7)
- OKLab
- oklab(0.412 -0.092 0.06)
- CIE Lab
- lab(33.11 -31.88 24.9)
- LCH
- lch(33.11 40.45 142)
- CMYK
- cmyk(78% 0% 61% 65%)
ティント · シェード · トーン
ティント
- 306A38
- 47794D
- 5E8962
- 749A77
- 8AAA8C
- A1BBA2
- B8CBB9
- CFDCD0
- E7EEE7
シェード
- 104D1D
- 0C4117
- 083511
- 05290C
- 031E07
- 011304
- 010901
- 000300
- 000000
トーン
- 245E2D
- 306237
- 3C6640
- 466A49
- 506E52
- 5A715B
- 647565
- 6D796E
- 777C77
カラーハーモニー
補色 +180°
- 145A23
O Tannenbaum
- 69326A
≈ Seance
類似色 -30° +30°
- 145A23
O Tannenbaum
- 485100
≈ Highlands Moss
- 00584A
≈ Forest Shadows
トライアド +120° +240°
- 145A23
O Tannenbaum
- 2F4686
≈ Indigo Night
- 7C2E29
≈ Strong Envy
スプリットコンプリメンタリー +150° +210°
- 145A23
O Tannenbaum
- 523B7F
≈ Prism Violet
- 772C4C
≈ Flirt
テトラード +90° +180° +270°
- 145A23
O Tannenbaum
- 005175
≈ Pirate’s Haven
- 69326A
≈ Seance
- 723A00
≈ Philippine Bronze
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.34:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.51:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--o-tannenbaum: #145a23;
--o-tannenbaum-rgb: 20 90 35;
--o-tannenbaum-oklch: oklch(0.412 0.11 146.7);
}
.element {
color: var(--o-tannenbaum);
background-color: hsl(133 64% 22%);
border-color: oklch(0.412 0.11 146.7);
}Tailwind CSS v4
@theme {
--color-o-tannenbaum: #145a23;
--color-o-tannenbaum-50: #e1ffe4;
--color-o-tannenbaum-100: #d0f3d4;
--color-o-tannenbaum-200: #b4e2bb;
--color-o-tannenbaum-300: #90c798;
--color-o-tannenbaum-400: #71b077;
--color-o-tannenbaum-500: #4f9959;
--color-o-tannenbaum-600: #44824c;
--color-o-tannenbaum-700: #36683c;
--color-o-tannenbaum-800: #284c29;
--color-o-tannenbaum-900: #1b351c;
--color-o-tannenbaum-950: #0b200c;
}SCSS
$o-tannenbaum: #145a23;
$o-tannenbaum-rgb: 20, 90, 35;
$o-tannenbaum-light: mix(#fff, $o-tannenbaum, 20%);
$o-tannenbaum-dark: mix(#000, $o-tannenbaum, 20%);
.element {
color: $o-tannenbaum;
box-shadow: 0 0 0 2px rgba($o-tannenbaum, 0.35);
}