最も近い色名 · #136A32
#136A32
最も近い色名: Bucolic
#136A32（rgb(19 106 50)、hsl(141 70% 25%)、oklch(0.462 0.118 150)）に最も近い色名はBucolicです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#136A32
oklch(0.462 0.118 150)
カラー変換
- HEX
- #136a32
- RGB
- rgb(19 106 50)
- HSL
- hsl(141 70% 25%)
- HWB
- hwb(141 7% 58%)
- OKLCH
- oklch(0.462 0.118 150)
- OKLab
- oklab(0.462 -0.102 0.059)
- CIE Lab
- lab(39.02 -35.87 23.9)
- LCH
- lch(39.02 43.1 146.3)
- CMYK
- cmyk(82% 0% 53% 58%)
ティント · シェード · トーン
ティント
- 337845
- 4B8759
- 62956C
- 78A480
- 8EB395
- A4C2A9
- BBD1BE
- D1E0D3
- E8F0E9
シェード
- 0F5B2A
- 0B4D22
- 073F1B
- 053114
- 03240D
- 011807
- 010D03
- 000401
- 000000
トーン
- 266D3A
- 336F42
- 3F714A
- 497452
- 53765A
- 5D7861
- 667A69
- 6F7C71
- 777E78
カラーハーモニー
補色 +180°
- 136A32
Bucolic
- 7C3D78
≈ Deep Commitment to Purple
類似色 -30° +30°
- 136A32
Bucolic
- 516100
≈ Camouflage Green
- 00675A
≈ Dancing Dragonfly
トライアド +120° +240°
- 136A32
Bucolic
- 3F529A
≈ Crushed Velvet
- 8F3A2E
≈ Gatsby Brick
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.69:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.13:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--bucolic: #136a32;
--bucolic-rgb: 19 106 50;
--bucolic-oklch: oklch(0.462 0.118 150);
}
.element {
color: var(--bucolic);
background-color: hsl(141 70% 25%);
border-color: oklch(0.462 0.118 150);
}Tailwind CSS v4
@theme {
--color-bucolic: #136a32;
--color-bucolic-50: #ddffe5;
--color-bucolic-100: #ccf4d5;
--color-bucolic-200: #afe3bc;
--color-bucolic-300: #89c99a;
--color-bucolic-400: #68b279;
--color-bucolic-500: #429c5a;
--color-bucolic-600: #39844d;
--color-bucolic-700: #2d693d;
--color-bucolic-800: #224d2a;
--color-bucolic-900: #16361c;
--color-bucolic-950: #07210c;
}SCSS
$bucolic: #136a32;
$bucolic-rgb: 19, 106, 50;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}