Warna bernama · #7ECDDD
Spray
Spray adalah #7ECDDD: rgb(126 205 221), hsl(190 58% 68%), oklch(0.803 0.081 212). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Spray color name →
#7ECDDD
oklch(0.803 0.081 212)
Konversi warna
- HEX
- #7ecddd
- RGB
- rgb(126 205 221)
- HSL
- hsl(190 58% 68%)
- HWB
- hwb(190 49% 13%)
- OKLCH
- oklch(0.803 0.081 212)
- OKLab
- oklab(0.803 -0.069 -0.043)
- CIE Lab
- lab(77.75 -22.24 -16.04)
- LCH
- lch(77.75 27.41 215.8)
- CMYK
- cmyk(43% 7% 0% 13%)
Tint · Shade · Tone
Tint
- 8CD2E0
- 9AD7E4
- A7DCE7
- B4E1EB
- C1E6EE
- CEEBF2
- DAF0F5
- E6F5F8
- F3FAFC
Shade
- 6DB2C0
- 5C98A4
- 4C7E88
- 3C666E
- 2D4E55
- 1F383D
- 112326
- 050F11
- 010202
Tone
- 80C5D3
- 81BDCA
- 82B6C0
- 82AEB7
- 82A6AE
- 829EA4
- 82979B
- 828F92
- 818889
Harmoni warna
Komplementer +180°
- 7ECDDD
Spray
- EEAC9E
≈ Salmon Run
Analog -30° +30°
- 7ECDDD
Spray
- 81D0C2
≈ Blue Frosting
- 90C6EF
≈ Fish Pond
Triadik +120° +240°
- 7ECDDD
Spray
- DEACD6
≈ Pink Plunge
- D1BE82
≈ Dry Leaf
Split-komplementer +150° +210°
- 7ECDDD
Spray
- ECA9BB
≈ Prom Pink
- E5B389
≈ Soft Skills
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.80:1 · APCA Lc 33
Ag
AAADi atas hitam
WCAG 11.66:1 · APCA Lc 69
Warna teks terbaik: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Cuplikan kode
CSS
:root {
--spray: #7ecddd;
--spray-rgb: 126 205 221;
--spray-oklch: oklch(0.803 0.081 212);
}
.element {
color: var(--spray);
background-color: hsl(190 58% 68%);
border-color: oklch(0.803 0.081 212);
}Tailwind CSS v4
@theme {
--color-spray: #7ecddd;
--color-spray-50: #dcfcff;
--color-spray-100: #caf0f8;
--color-spray-200: #addee9;
--color-spray-300: #87c3d1;
--color-spray-400: #61abba;
--color-spray-500: #3894a5;
--color-spray-600: #317d8c;
--color-spray-700: #276470;
--color-spray-800: #1a4a52;
--color-spray-900: #113339;
--color-spray-950: #031f23;
}SCSS
$spray: #7ecddd;
$spray-rgb: 126, 205, 221;
$spray-light: mix(#fff, $spray, 20%);
$spray-dark: mix(#000, $spray, 20%);
.element {
color: $spray;
box-shadow: 0 0 0 2px rgba($spray, 0.35);
}