最も近い色名 · #00A37B
#00A37B
最も近い色名: Rainforest
#00A37B（rgb(0 163 123)、hsl(165 100% 32%)、oklch(0.635 0.129 167.7)）に最も近い色名はRainforestです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00A37B
oklch(0.635 0.129 167.7)
カラー変換
- HEX
- #00a37b
- RGB
- rgb(0 163 123)
- HSL
- hsl(165 100% 32%)
- HWB
- hwb(165 0% 36%)
- OKLCH
- oklch(0.635 0.129 167.7)
- OKLab
- oklab(0.635 -0.126 0.028)
- CIE Lab
- lab(59.39 -44.95 10.27)
- LCH
- lch(59.39 46.1 167.1)
- CMYK
- cmyk(100% 0% 25% 36%)
ティント · シェード · トーン
ティント
- 3BAC87
- 57B694
- 70BFA1
- 86C8AE
- 9BD1BB
- AFDAC8
- C3E4D6
- D7EDE3
- EBF6F1
シェード
- 008D6A
- 00785A
- 00634A
- 004F3A
- 003C2C
- 002A1E
- 001910
- 000A05
- 000101
トーン
- 2AA07C
- 3C9C7C
- 49997D
- 54967D
- 5E927E
- 668F7E
- 6D8B7F
- 74887F
- 7A8480
カラーハーモニー
補色 +180°
- 00A37B
Rainforest
- C26899
≈ Nocturnal Rose
類似色 -30° +30°
- 00A37B
Rainforest
- 629D4B
≈ Calm Balm
- 009EA2
≈ Pleasant Stream
トライアド +120° +240°
- 00A37B
Rainforest
- 877DD4
≈ Indigo Bloom
- C9703F
≈ Hot Caramel
スプリットコンプリメンタリー +150° +210°
- 00A37B
Rainforest
- AB70BD
≈ Soft Purple
- CD676D
≈ Strawberry Wine
テトラード +90° +180° +270°
- 00A37B
Rainforest
- 568BD8
≈ Blue Jay
- C26899
≈ Nocturnal Rose
- B57F0F
≈ Nouveau Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.21:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.52:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.52:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--rainforest: #00a37b;
--rainforest-rgb: 0 163 123;
--rainforest-oklch: oklch(0.635 0.129 167.7);
}
.element {
color: var(--rainforest);
background-color: hsl(165 100% 32%);
border-color: oklch(0.635 0.129 167.7);
}Tailwind CSS v4
@theme {
--color-rainforest: #00a37b;
--color-rainforest-50: #d2ffef;
--color-rainforest-100: #bef7e1;
--color-rainforest-200: #9be7cb;
--color-rainforest-300: #6dcdad;
--color-rainforest-400: #3cb68f;
--color-rainforest-500: #00a075;
--color-rainforest-600: #008863;
--color-rainforest-700: #006d4f;
--color-rainforest-800: #005038;
--color-rainforest-900: #003826;
--color-rainforest-950: #002214;
}SCSS
$rainforest: #00a37b;
$rainforest-rgb: 0, 163, 123;
$rainforest-light: mix(#fff, $rainforest, 20%);
$rainforest-dark: mix(#000, $rainforest, 20%);
.element {
color: $rainforest;
box-shadow: 0 0 0 2px rgba($rainforest, 0.35);
}