最も近い色名 · #008C8F
#008C8F
最も近い色名: Dark Cyan
#008C8F（rgb(0 140 143)、hsl(181 100% 28%)、oklch(0.581 0.099 197.4)）に最も近い色名はDark Cyanです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#008C8F
oklch(0.581 0.099 197.4)
カラー変換
- HEX
- #008c8f
- RGB
- rgb(0 140 143)
- HSL
- hsl(181 100% 28%)
- HWB
- hwb(181 0% 44%)
- OKLCH
- oklch(0.581 0.099 197.4)
- OKLab
- oklab(0.581 -0.094 -0.03)
- CIE Lab
- lab(52.36 -31.67 -11.18)
- LCH
- lch(52.36 33.59 199.4)
- CMYK
- cmyk(100% 2% 0% 44%)
ティント · シェード · トーン
ティント
- 36979A
- 52A3A5
- 6AAEB0
- 80B9BB
- 96C5C6
- ABD0D1
- C0DCDC
- D5E8E8
- EAF3F3
シェード
- 00797C
- 006769
- 005557
- 004345
- 003334
- 002324
- 001415
- 000707
- 000101
トーン
- 268B8E
- 378A8C
- 45898B
- 508889
- 598788
- 628686
- 6A8485
- 728383
- 798182
カラーハーモニー
補色 +180°
- 008C8F
Dark Cyan
- AD6165
≈ Spiced Tea
類似色 -30° +30°
- 008C8F
Dark Cyan
- 318D6F
≈ Leprechaun
- 2986A8
≈ Tiny Bubbles
トライアド +120° +240°
- 008C8F
Dark Cyan
- 9267A1
≈ Figue
- 9B722E
≈ Buttered Rum
スプリットコンプリメンタリー +150° +210°
- 008C8F
Dark Cyan
- A56185
≈ Wild Mulberry
- AA6745
≈ Amazonian
テトラード +90° +180° +270°
- 008C8F
Dark Cyan
- 7771B2
≈ Clear Mauve
- AD6165
≈ Spiced Tea
- 817E32
≈ Verdant
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.07:1 · APCA Lc 67
Ag
AA黒の上
WCAG 5.14:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
CSS
:root {
--dark-cyan: #008c8f;
--dark-cyan-rgb: 0 140 143;
--dark-cyan-oklch: oklch(0.581 0.099 197.4);
}
.element {
color: var(--dark-cyan);
background-color: hsl(181 100% 28%);
border-color: oklch(0.581 0.099 197.4);
}Tailwind CSS v4
@theme {
--color-dark-cyan: #008c8f;
--color-dark-cyan-50: #d5feff;
--color-dark-cyan-100: #c2f3f5;
--color-dark-cyan-200: #a2e2e4;
--color-dark-cyan-300: #77c7cb;
--color-dark-cyan-400: #4ab0b3;
--color-dark-cyan-500: #009a9d;
--color-dark-cyan-600: #008285;
--color-dark-cyan-700: #04686a;
--color-dark-cyan-800: #024d4d;
--color-dark-cyan-900: #033536;
--color-dark-cyan-950: #002021;
}SCSS
$dark-cyan: #008c8f;
$dark-cyan-rgb: 0, 140, 143;
$dark-cyan-light: mix(#fff, $dark-cyan, 20%);
$dark-cyan-dark: mix(#000, $dark-cyan, 20%);
.element {
color: $dark-cyan;
box-shadow: 0 0 0 2px rgba($dark-cyan, 0.35);
}