色名 · #CCEEBB
Toxic Essence
Toxic Essenceは#CCEEBB：rgb(204 238 187)、hsl(100 60% 83%)、oklch(0.912 0.077 135.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Toxic Essence color name →
#CCEEBB
oklch(0.912 0.077 135.3)
カラー変換
- HEX
- #cceebb
- RGB
- rgb(204 238 187)
- HSL
- hsl(100 60% 83%)
- HWB
- hwb(100 73% 7%)
- OKLCH
- oklch(0.912 0.077 135.3)
- OKLab
- oklab(0.912 -0.054 0.054)
- CIE Lab
- lab(90.66 -18.29 20.95)
- LCH
- lch(90.66 27.81 131.1)
- CMYK
- cmyk(14% 0% 21% 7%)
ティント · シェード · トーン
ティント
- D1F0C2
- D6F2C9
- DBF3D0
- E0F5D6
- E6F7DD
- EBF8E4
- F0FAEB
- F5FCF1
- FAFDF8
シェード
- B1CFA2
- 97B18A
- 7E9373
- 65775C
- 4E5C46
- 374232
- 222A1F
- 0F140D
- 020302
トーン
- C4E3B5
- BCD7AF
- B5CCA9
- ADC1A3
- A5B69D
- 9EAB98
- 96A092
- 8F958C
- 878A86
カラーハーモニー
補色 +180°
- CCEEBB
Toxic Essence
- F2D6FF
≈ Lavender Savour
類似色 -30° +30°
- CCEEBB
Toxic Essence
- E9E5AA
≈ Boxwood Yellow
- B2F3D5
≈ Mintie
トライアド +120° +240°
- CCEEBB
Toxic Essence
- CFE4FF
≈ Fresh Water
- FFD6D8
≈ We Peep
スプリットコンプリメンタリー +150° +210°
- CCEEBB
Toxic Essence
- DEDEFF
≈ Contrail
- FFD3EA
≈ Pink Currant
テトラード +90° +180° +270°
- CCEEBB
Toxic Essence
- BAEBFF
≈ Blue Java Banana
- F2D6FF
≈ Lavender Savour
- FFD8C7
≈ Camisole
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.51:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--toxic-essence: #cceebb;
--toxic-essence-rgb: 204 238 187;
--toxic-essence-oklch: oklch(0.912 0.077 135.3);
}
.element {
color: var(--toxic-essence);
background-color: hsl(100 60% 83%);
border-color: oklch(0.912 0.077 135.3);
}Tailwind CSS v4
@theme {
--color-toxic-essence: #cceebb;
--color-toxic-essence-50: #ebfbe5;
--color-toxic-essence-100: #dceed6;
--color-toxic-essence-200: #c5dcbd;
--color-toxic-essence-300: #a5c19b;
--color-toxic-essence-400: #8ba97b;
--color-toxic-essence-500: #70925e;
--color-toxic-essence-600: #5f7b50;
--color-toxic-essence-700: #4c6340;
--color-toxic-essence-800: #38482c;
--color-toxic-essence-900: #26321e;
--color-toxic-essence-950: #141e0e;
}SCSS
$toxic-essence: #cceebb;
$toxic-essence-rgb: 204, 238, 187;
$toxic-essence-light: mix(#fff, $toxic-essence, 20%);
$toxic-essence-dark: mix(#000, $toxic-essence, 20%);
.element {
color: $toxic-essence;
box-shadow: 0 0 0 2px rgba($toxic-essence, 0.35);
}