最も近い色名 · #006100
#006100
最も近い色名: Cucumber
#006100（rgb(0 97 0)、hsl(120 100% 19%)、oklch(0.427 0.145 142.5)）に最も近い色名はCucumberです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#006100
oklch(0.427 0.145 142.5)
カラー変換
- HEX
- #006100
- RGB
- rgb(0 97 0)
- HSL
- hsl(120 100% 19%)
- HWB
- hwb(120 0% 62%)
- OKLCH
- oklch(0.427 0.145 142.5)
- OKLab
- oklab(0.427 -0.115 0.088)
- CIE Lab
- lab(35.14 -39.05 39.9)
- LCH
- lch(35.14 55.83 134.4)
- CMYK
- cmyk(100% 0% 100% 62%)
ティント · シェード · トーン
ティント
- 297025
- 43803E
- 5A8F56
- 729F6D
- 89AF85
- A0BE9D
- B7CEB5
- CFDECD
- E7EFE6
シェード
- 005300
- 004600
- 003900
- 002D00
- 002100
- 001500
- 000B00
- 000300
- 000000
トーン
- 1B6518
- 2B6827
- 386B34
- 436F40
- 4E724B
- 587556
- 637860
- 6D7B6B
- 767D75
カラーハーモニー
補色 +180°
- 006100
Cucumber
- 722B7C
≈ Maximum Purple
類似色 -30° +30°
- 006100
Cucumber
- 505400
≈ Douro
- 005D4A
≈ Evergreen
トライアド +120° +240°
- 006100
Cucumber
- 20499D
≈ Sea of Tears
- 8D1F27
≈ Shinshu
スプリットコンプリメンタリー +150° +210°
- 006100
Cucumber
- 543996
≈ Ruthless Empress
- 862056
≈ Violettuce
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.74:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.70:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--cucumber: #006100;
--cucumber-rgb: 0 97 0;
--cucumber-oklch: oklch(0.427 0.145 142.5);
}
.element {
color: var(--cucumber);
background-color: hsl(120 100% 19%);
border-color: oklch(0.427 0.145 142.5);
}Tailwind CSS v4
@theme {
--color-cucumber: #006100;
--color-cucumber-50: #ddffdc;
--color-cucumber-100: #cbf5ca;
--color-cucumber-200: #aee5ae;
--color-cucumber-300: #88cb88;
--color-cucumber-400: #68b462;
--color-cucumber-500: #429d3d;
--color-cucumber-600: #398535;
--color-cucumber-700: #2d6b2a;
--color-cucumber-800: #234e1a;
--color-cucumber-900: #173611;
--color-cucumber-950: #082104;
}SCSS
$cucumber: #006100;
$cucumber-rgb: 0, 97, 0;
$cucumber-light: mix(#fff, $cucumber, 20%);
$cucumber-dark: mix(#000, $cucumber, 20%);
.element {
color: $cucumber;
box-shadow: 0 0 0 2px rgba($cucumber, 0.35);
}