最も近い色名 · #06292A
#06292A
最も近い色名: Elite Teal
#06292A（rgb(6 41 42)、hsl(182 75% 9%)、oklch(0.257 0.039 197.8)）に最も近い色名はElite Tealです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#06292A
oklch(0.257 0.039 197.8)
カラー変換
- HEX
- #06292a
- RGB
- rgb(6 41 42)
- HSL
- hsl(182 75% 9%)
- HWB
- hwb(182 2% 84%)
- OKLCH
- oklch(0.257 0.039 197.8)
- OKLab
- oklab(0.257 -0.037 -0.012)
- CIE Lab
- lab(14.23 -12.4 -4.48)
- LCH
- lch(14.23 13.19 199.9)
- CMYK
- cmyk(86% 2% 0% 84%)
ティント · シェード · トーン
ティント
- 1E3B3C
- 354F4F
- 4C6363
- 647778
- 7C8D8D
- 95A2A3
- AEB9B9
- C9D0D0
- E4E7E7
シェード
- 042223
- 031C1C
- 021516
- 010F10
- 01090A
- 000505
- 000202
- 000101
- 000000
トーン
- 143132
- 20393A
- 2C4242
- 384A4B
- 435353
- 4F5C5C
- 5B6565
- 676E6E
- 747777
カラーハーモニー
補色 +180°
- 06292A
Elite Teal
- 341B1C
≈ Black Kite
類似色 -30° +30°
- 06292A
Elite Teal
- 0D2920
≈ Deep Slate Green
- 0C2732
≈ Black Box
トライアド +120° +240°
- 06292A
Elite Teal
- 2B1D30
≈ Bleached Cedar
- 2E210C
≈ Coffee Grounds
スプリットコンプリメンタリー +150° +210°
- 06292A
Elite Teal
- 311B27
≈ Shikon
- 331D12
≈ Close but No Cigar
テトラード +90° +180° +270°
- 06292A
Elite Teal
- 222035
≈ Eclipse Elixir
- 341B1C
≈ Black Kite
- 25250D
≈ Black Mesa
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.45:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.35:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.45:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--elite-teal: #06292a;
--elite-teal-rgb: 6 41 42;
--elite-teal-oklch: oklch(0.257 0.039 197.8);
}
.element {
color: var(--elite-teal);
background-color: hsl(182 75% 9%);
border-color: oklch(0.257 0.039 197.8);
}Tailwind CSS v4
@theme {
--color-elite-teal: #06292a;
--color-elite-teal-50: #e9f9f9;
--color-elite-teal-100: #daeced;
--color-elite-teal-200: #c2dadb;
--color-elite-teal-300: #a1bebf;
--color-elite-teal-400: #84a6a7;
--color-elite-teal-500: #688e8f;
--color-elite-teal-600: #587979;
--color-elite-teal-700: #466061;
--color-elite-teal-800: #334747;
--color-elite-teal-900: #223131;
--color-elite-teal-950: #111d1d;
}SCSS
$elite-teal: #06292a;
$elite-teal-rgb: 6, 41, 42;
$elite-teal-light: mix(#fff, $elite-teal, 20%);
$elite-teal-dark: mix(#000, $elite-teal, 20%);
.element {
color: $elite-teal;
box-shadow: 0 0 0 2px rgba($elite-teal, 0.35);
}