最も近い色名 · #0C5538
#0C5538
最も近い色名: Evergreen
#0C5538（rgb(12 85 56)、hsl(156 75% 19%)、oklch(0.399 0.084 160.6)）に最も近い色名はEvergreenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0C5538
oklch(0.399 0.084 160.6)
カラー変換
- HEX
- #0c5538
- RGB
- rgb(12 85 56)
- HSL
- hsl(156 75% 19%)
- HWB
- hwb(156 5% 67%)
- OKLCH
- oklch(0.399 0.084 160.6)
- OKLab
- oklab(0.399 -0.079 0.028)
- CIE Lab
- lab(31.43 -28.15 10.64)
- LCH
- lch(31.43 30.1 159.3)
- CMYK
- cmyk(86% 0% 34% 67%)
ティント · シェード · トーン
ティント
- 2C654A
- 44755C
- 5B856F
- 719682
- 88A796
- 9FB8AA
- B7C9BF
- CEDBD4
- E7EDE9
シェード
- 09492F
- 063D27
- 04311F
- 032617
- 021C0F
- 011108
- 000804
- 000201
- 000000
トーン
- 1F593F
- 2D5E46
- 39624D
- 446754
- 4E6B5B
- 586F62
- 62736A
- 6C7871
- 767C79
カラーハーモニー
補色 +180°
- 0C5538
Evergreen
- 653455
≈ Blackberry Deep Red
類似色 -30° +30°
- 0C5538
Evergreen
- 37501C
≈ Chestnut Green
- 005350
≈ Pacific Storm
トライアド +120° +240°
- 0C5538
Evergreen
- 404173
≈ Jewel Cave
- 6D3622
≈ Pueblo
スプリットコンプリメンタリー +150° +210°
- 0C5538
Evergreen
- 563969
≈ Purple Protégé
- 6D323C
≈ Chestnut Red
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.85:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.37:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--evergreen: #0c5538;
--evergreen-rgb: 12 85 56;
--evergreen-oklch: oklch(0.399 0.084 160.6);
}
.element {
color: var(--evergreen);
background-color: hsl(156 75% 19%);
border-color: oklch(0.399 0.084 160.6);
}Tailwind CSS v4
@theme {
--color-evergreen: #0c5538;
--color-evergreen-50: #e1fdee;
--color-evergreen-100: #d0f1e0;
--color-evergreen-200: #b5e0ca;
--color-evergreen-300: #90c5ab;
--color-evergreen-400: #71ae8e;
--color-evergreen-500: #4e9774;
--color-evergreen-600: #438062;
--color-evergreen-700: #35674e;
--color-evergreen-800: #274b37;
--color-evergreen-900: #1a3426;
--color-evergreen-950: #0a2014;
}SCSS
$evergreen: #0c5538;
$evergreen-rgb: 12, 85, 56;
$evergreen-light: mix(#fff, $evergreen, 20%);
$evergreen-dark: mix(#000, $evergreen, 20%);
.element {
color: $evergreen;
box-shadow: 0 0 0 2px rgba($evergreen, 0.35);
}