色名 · #00DEAD
Lifeless Green
Lifeless Greenは#00DEAD：rgb(0 222 173)、hsl(167 100% 44%)、oklch(0.801 0.159 169.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Lifeless Green color name →
#00DEAD
oklch(0.801 0.159 169.4)
カラー変換
- HEX
- #00dead
- RGB
- rgb(0 222 173)
- HSL
- hsl(167 100% 44%)
- HWB
- hwb(167 0% 13%)
- OKLCH
- oklch(0.801 0.159 169.4)
- OKLab
- oklab(0.801 -0.157 0.029)
- CIE Lab
- lab(78.98 -55.79 10.77)
- LCH
- lch(78.98 56.82 169.1)
- CMYK
- cmyk(100% 0% 22% 13%)
ティント · シェード · トーン
ティント
- 48E2B5
- 67E5BD
- 80E9C5
- 95ECCD
- A9F0D5
- BBF3DE
- CDF6E6
- DEF9EE
- EFFCF7
シェード
- 00C196
- 00A57F
- 00896A
- 006F55
- 005541
- 003D2D
- 00261B
- 00120B
- 000201
トーン
- 34D5A8
- 49CBA4
- 57C29F
- 61B89B
- 69AF96
- 70A592
- 759C8D
- 7A9389
- 7D8984
カラーハーモニー
補色 +180°
- 00DEAD
Lifeless Green
- FF98CB
≈ Himalayan Balsam
類似色 -30° +30°
- 00DEAD
Lifeless Green
- 84D66F
≈ Green Lacewing
- 00D8DF
≈ Aztec Turquoise
トライアド +120° +240°
- 00DEAD
Lifeless Green
- BCB2FF
≈ Winterspring Lilac
- FFA572
≈ Young Tangerine
スプリットコンプリメンタリー +150° +210°
- 00DEAD
Lifeless Green
- EA9AFE
≈ Party Pig
- FF9FA0
≈ Strawberry Frappé
テトラード +90° +180° +270°
- 00DEAD
Lifeless Green
- 97BFFF
≈ Truesky Gloxym
- FF98CB
≈ Himalayan Balsam
- F4B020
≈ Limeño Limón
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.74:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.05:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.05:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--lifeless-green: #00dead;
--lifeless-green-rgb: 0 222 173;
--lifeless-green-oklch: oklch(0.801 0.159 169.4);
}
.element {
color: var(--lifeless-green);
background-color: hsl(167 100% 44%);
border-color: oklch(0.801 0.159 169.4);
}Tailwind CSS v4
@theme {
--color-lifeless-green: #00dead;
--color-lifeless-green-50: #c7ffef;
--color-lifeless-green-100: #b1fae1;
--color-lifeless-green-200: #88ebcc;
--color-lifeless-green-300: #4cd2ad;
--color-lifeless-green-400: #00bc8f;
--color-lifeless-green-500: #00a674;
--color-lifeless-green-600: #008c63;
--color-lifeless-green-700: #00704f;
--color-lifeless-green-800: #005337;
--color-lifeless-green-900: #003a25;
--color-lifeless-green-950: #002414;
}SCSS
$lifeless-green: #00dead;
$lifeless-green-rgb: 0, 222, 173;
$lifeless-green-light: mix(#fff, $lifeless-green, 20%);
$lifeless-green-dark: mix(#000, $lifeless-green, 20%);
.element {
color: $lifeless-green;
box-shadow: 0 0 0 2px rgba($lifeless-green, 0.35);
}