色名 · #DDFF55
Isotonic Water
Isotonic Waterは#DDFF55：rgb(221 255 85)、hsl(72 100% 67%)、oklch(0.945 0.193 120)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Isotonic Water color name →
#DDFF55
oklch(0.945 0.193 120)
カラー変換
- HEX
- #ddff55
- RGB
- rgb(221 255 85)
- HSL
- hsl(72 100% 67%)
- HWB
- hwb(72 33% 0%)
- OKLCH
- oklch(0.945 0.193 120)
- OKLab
- oklab(0.945 -0.096 0.167)
- CIE Lab
- lab(95.3 -27.51 73.3)
- LCH
- lch(95.3 78.29 110.6)
- CMYK
- cmyk(13% 0% 67% 0%)
ティント · シェード · トーン
ティント
- E0FF6E
- E3FF83
- E7FF95
- EAFFA6
- EDFFB7
- F1FFC6
- F4FFD5
- F8FFE3
- FBFFF1
シェード
- C0DE49
- A4BE3D
- 889E31
- 6E8026
- 55631C
- 3D4811
- 262E08
- 111602
- 020300
トーン
- D3F260
- C9E568
- C0D86E
- B6CB73
- ADBE77
- A4B27A
- 9BA57D
- 92997E
- 898C80
カラーハーモニー
補色 +180°
- DDFF55
Isotonic Water
- F0E9FF
≈ Placebo Purple
類似色 -30° +30°
- DDFF55
Isotonic Water
- FFECB8
≈ Sun-Kissed Sands
- C1FFCD
≈ Toxic Steam
トライアド +120° +240°
- DDFF55
Isotonic Water
- DCF0FF
≈ Calcareous Sinter
- FFE5EC
≈ Early Blossom
スプリットコンプリメンタリー +150° +210°
- DDFF55
Isotonic Water
- E6EDFF
≈ Brilliant White
- FFE3FB
≈ Fairy Salt
テトラード +90° +180° +270°
- DDFF55
Isotonic Water
- C9F7FF
≈ Vaporised
- F0E9FF
≈ Placebo Purple
- FFE7E2
≈ Olm Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.13:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.50:1 · APCA Lc 99
最適な文字色: #000000
WCAG 18.50:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--isotonic-water: #ddff55;
--isotonic-water-rgb: 221 255 85;
--isotonic-water-oklch: oklch(0.945 0.193 120);
}
.element {
color: var(--isotonic-water);
background-color: hsl(72 100% 67%);
border-color: oklch(0.945 0.193 120);
}Tailwind CSS v4
@theme {
--color-isotonic-water: #ddff55;
--color-isotonic-water-50: #ebffc1;
--color-isotonic-water-100: #ddf3aa;
--color-isotonic-water-200: #c6e282;
--color-isotonic-water-300: #a7c64a;
--color-isotonic-water-400: #91ad00;
--color-isotonic-water-500: #789500;
--color-isotonic-water-600: #667e00;
--color-isotonic-water-700: #516500;
--color-isotonic-water-800: #3e4900;
--color-isotonic-water-900: #2a3300;
--color-isotonic-water-950: #181e00;
}SCSS
$isotonic-water: #ddff55;
$isotonic-water-rgb: 221, 255, 85;
$isotonic-water-light: mix(#fff, $isotonic-water, 20%);
$isotonic-water-dark: mix(#000, $isotonic-water, 20%);
.element {
color: $isotonic-water;
box-shadow: 0 0 0 2px rgba($isotonic-water, 0.35);
}