이름 색상 · #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);
}