最も近い色名 · #00A67A
#00A67A
最も近い色名: Cosmic Green
#00A67A（rgb(0 166 122)、hsl(164 100% 33%)、oklch(0.643 0.134 166)）に最も近い色名はCosmic Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00A67A
oklch(0.643 0.134 166)
カラー変換
- HEX
- #00a67a
- RGB
- rgb(0 166 122)
- HSL
- hsl(164 100% 33%)
- HWB
- hwb(164 0% 35%)
- OKLCH
- oklch(0.643 0.134 166)
- OKLab
- oklab(0.643 -0.13 0.032)
- CIE Lab
- lab(60.35 -46.18 12.14)
- LCH
- lch(60.35 47.75 165.3)
- CMYK
- cmyk(100% 0% 27% 35%)
ティント · シェード · トーン
ティント
- 3BAF87
- 58B893
- 70C1A0
- 87CAAD
- 9CD3BB
- B0DCC8
- C4E5D6
- D8EDE3
- EBF6F1
シェード
- 009069
- 007A59
- 006549
- 00513A
- 003E2B
- 002B1D
- 001A10
- 000A05
- 000101
トーン
- 2AA27B
- 3D9F7B
- 4A9B7C
- 55977D
- 5E947D
- 66907E
- 6E8C7E
- 74887F
- 7A8480
カラーハーモニー
補色 +180°
- 00A67A
Cosmic Green
- C6699E
≈ Nocturnal Rose
類似色 -30° +30°
- 00A67A
Cosmic Green
- 669F48
≈ Flat Green
- 00A1A3
≈ Pleasant Stream
トライアド +120° +240°
- 00A67A
Cosmic Green
- 877FDA
≈ Indigo Bloom
- CE7041
≈ Hot Caramel
スプリットコンプリメンタリー +150° +210°
- 00A67A
Cosmic Green
- AC72C3
≈ Lavendless
- D16871
≈ Lipstick Illusion
テトラード +90° +180° +270°
- 00A67A
Cosmic Green
- 538EDD
≈ Olympic Blue
- C6699E
≈ Nocturnal Rose
- BB8007
≈ Guo Tie Dumpling
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.11:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.73:1 · APCA Lc 44
最適な文字色: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
コードスニペット
CSS
:root {
--cosmic-green: #00a67a;
--cosmic-green-rgb: 0 166 122;
--cosmic-green-oklch: oklch(0.643 0.134 166);
}
.element {
color: var(--cosmic-green);
background-color: hsl(164 100% 33%);
border-color: oklch(0.643 0.134 166);
}Tailwind CSS v4
@theme {
--color-cosmic-green: #00a67a;
--color-cosmic-green-50: #d1ffee;
--color-cosmic-green-100: #bdf7df;
--color-cosmic-green-200: #9ae7c9;
--color-cosmic-green-300: #6bcdaa;
--color-cosmic-green-400: #3ab78c;
--color-cosmic-green-500: #00a171;
--color-cosmic-green-600: #008860;
--color-cosmic-green-700: #006d4d;
--color-cosmic-green-800: #005036;
--color-cosmic-green-900: #003825;
--color-cosmic-green-950: #002213;
}SCSS
$cosmic-green: #00a67a;
$cosmic-green-rgb: 0, 166, 122;
$cosmic-green-light: mix(#fff, $cosmic-green, 20%);
$cosmic-green-dark: mix(#000, $cosmic-green, 20%);
.element {
color: $cosmic-green;
box-shadow: 0 0 0 2px rgba($cosmic-green, 0.35);
}