最も近い色名 · #006E5D
#006E5D
最も近い色名: Tropical Rainforest
#006E5D（rgb(0 110 93)、hsl(171 100% 22%)、oklch(0.481 0.089 177.1)）に最も近い色名はTropical Rainforestです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#006E5D
oklch(0.481 0.089 177.1)
カラー変換
- HEX
- #006e5d
- RGB
- rgb(0 110 93)
- HSL
- hsl(171 100% 22%)
- HWB
- hwb(171 0% 57%)
- OKLCH
- oklch(0.481 0.089 177.1)
- OKLab
- oklab(0.481 -0.089 0.005)
- CIE Lab
- lab(40.96 -31.43 1.5)
- LCH
- lch(40.96 31.46 177.3)
- CMYK
- cmyk(100% 0% 15% 57%)
ティント · シェード · トーン
ティント
- 2E7C6C
- 498A7B
- 60988A
- 77A69A
- 8EB5AA
- A4C3BB
- BBD2CB
- D1E1DC
- E8F0EE
シェード
- 005F50
- 005043
- 004137
- 00332A
- 00261F
- 001914
- 000E0A
- 000403
- 000100
トーン
- 1F7060
- 307264
- 3D7467
- 48766B
- 53786E
- 5C7972
- 667B75
- 6F7D79
- 777E7C
カラーハーモニー
補色 +180°
- 006E5D
Tropical Rainforest
- 85475F
≈ Redcurrant
類似色 -30° +30°
- 006E5D
Tropical Rainforest
- 386B3F
≈ Arcala Green
- 006B76
≈ Mary Blue
トライアド +120° +240°
- 006E5D
Tropical Rainforest
- 63528A
≈ Fine Purple
- 835026
≈ Lamb Chop
スプリットコンプリメンタリー +150° +210°
- 006E5D
Tropical Rainforest
- 784B78
≈ Cabbage Blossom Violet
- 894942
≈ Henna
テトラード +90° +180° +270°
- 006E5D
Tropical Rainforest
- 475C90
≈ Blue Dude
- 85475F
≈ Redcurrant
- 745A15
≈ Hot Mustard
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.19:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.38:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--tropical-rainforest: #006e5d;
--tropical-rainforest-rgb: 0 110 93;
--tropical-rainforest-oklch: oklch(0.481 0.089 177.1);
}
.element {
color: var(--tropical-rainforest);
background-color: hsl(171 100% 22%);
border-color: oklch(0.481 0.089 177.1);
}Tailwind CSS v4
@theme {
--color-tropical-rainforest: #006e5d;
--color-tropical-rainforest-50: #dbfef6;
--color-tropical-rainforest-100: #c9f2e8;
--color-tropical-rainforest-200: #abe1d5;
--color-tropical-rainforest-300: #84c7b8;
--color-tropical-rainforest-400: #5fb09d;
--color-tropical-rainforest-500: #339985;
--color-tropical-rainforest-600: #2d8271;
--color-tropical-rainforest-700: #24685a;
--color-tropical-rainforest-800: #194c41;
--color-tropical-rainforest-900: #11352c;
--color-tropical-rainforest-950: #03201a;
}SCSS
$tropical-rainforest: #006e5d;
$tropical-rainforest-rgb: 0, 110, 93;
$tropical-rainforest-light: mix(#fff, $tropical-rainforest, 20%);
$tropical-rainforest-dark: mix(#000, $tropical-rainforest, 20%);
.element {
color: $tropical-rainforest;
box-shadow: 0 0 0 2px rgba($tropical-rainforest, 0.35);
}