色名 · #C0E8D8
Elephant Toothpaste
Elephant Toothpasteは#C0E8D8：rgb(192 232 216)、hsl(156 47% 83%)、oklch(0.898 0.047 169)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Elephant Toothpaste color name →
#C0E8D8
oklch(0.898 0.047 169)
カラー変換
- HEX
- #c0e8d8
- RGB
- rgb(192 232 216)
- HSL
- hsl(156 47% 83%)
- HWB
- hwb(156 75% 9%)
- OKLCH
- oklch(0.898 0.047 169)
- OKLab
- oklab(0.898 -0.046 0.009)
- CIE Lab
- lab(88.8 -15.83 3.27)
- LCH
- lch(88.8 16.16 168.3)
- CMYK
- cmyk(17% 0% 7% 9%)
ティント · シェード · トーン
ティント
- C6EADC
- CDEDE0
- D3EFE4
- D9F1E7
- E0F4EB
- E6F6EF
- ECF8F3
- F3FAF7
- F9FDFB
シェード
- A7CABC
- 8EACA0
- 769085
- 5F746B
- 495953
- 34403B
- 202925
- 0E1311
- 020302
トーン
- BADDCF
- B3D2C6
- ADC8BD
- A6BDB4
- A0B3AB
- 9AA8A2
- 939E9A
- 8D9491
- 868A88
カラーハーモニー
補色 +180°
- C0E8D8
Elephant Toothpaste
- F7D1E2
≈ Summer Cosmos
類似色 -30° +30°
- C0E8D8
Elephant Toothpaste
- CEE5C8
≈ Butter Lettuce
- BAE7E9
≈ Blue Karma
トライアド +120° +240°
- C0E8D8
Elephant Toothpaste
- DCD9FB
≈ Nostalgia Perfume
- F8D5C3
≈ Deep Champagne
スプリットコンプリメンタリー +150° +210°
- C0E8D8
Elephant Toothpaste
- EBD4F2
≈ Lavender Princess
- FBD2D1
≈ Dash of Pink
テトラード +90° +180° +270°
- C0E8D8
Elephant Toothpaste
- CBDFFD
≈ Arc Light
- F7D1E2
≈ Summer Cosmos
- EEDABB
≈ Cottage Cream
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.77:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.77:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--elephant-toothpaste: #c0e8d8;
--elephant-toothpaste-rgb: 192 232 216;
--elephant-toothpaste-oklch: oklch(0.898 0.047 169);
}
.element {
color: var(--elephant-toothpaste);
background-color: hsl(156 47% 83%);
border-color: oklch(0.898 0.047 169);
}Tailwind CSS v4
@theme {
--color-elephant-toothpaste: #c0e8d8;
--color-elephant-toothpaste-50: #e9faf3;
--color-elephant-toothpaste-100: #d9ede6;
--color-elephant-toothpaste-200: #c1dbd1;
--color-elephant-toothpaste-300: #a0c0b4;
--color-elephant-toothpaste-400: #84a89a;
--color-elephant-toothpaste-500: #679181;
--color-elephant-toothpaste-600: #587a6d;
--color-elephant-toothpaste-700: #466257;
--color-elephant-toothpaste-800: #33483f;
--color-elephant-toothpaste-900: #22322b;
--color-elephant-toothpaste-950: #111e19;
}SCSS
$elephant-toothpaste: #c0e8d8;
$elephant-toothpaste-rgb: 192, 232, 216;
$elephant-toothpaste-light: mix(#fff, $elephant-toothpaste, 20%);
$elephant-toothpaste-dark: mix(#000, $elephant-toothpaste, 20%);
.element {
color: $elephant-toothpaste;
box-shadow: 0 0 0 2px rgba($elephant-toothpaste, 0.35);
}