Warna bernama terdekat · #35A7C8
#35A7C8
Warna bernama terdekat: Laguna
#35A7C8 (rgb(53 167 200), hsl(193 58% 50%), oklch(0.68 0.11 221.5)) paling mendekati warna bernama Laguna. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#35A7C8
oklch(0.68 0.11 221.5)
Konversi warna
- HEX
- #35a7c8
- RGB
- rgb(53 167 200)
- HSL
- hsl(193 58% 50%)
- HWB
- hwb(193 21% 22%)
- OKLCH
- oklch(0.68 0.11 221.5)
- OKLab
- oklab(0.68 -0.082 -0.073)
- CIE Lab
- lab(63.34 -24.44 -26.67)
- LCH
- lch(63.34 36.17 227.5)
- CMYK
- cmyk(74% 16% 0% 22%)
Tint · Shade · Tone
Tint
- 51B0CE
- 68B9D3
- 7DC2D9
- 91CADF
- A4D3E4
- B6DCEA
- C9E5EF
- DBEEF4
- EDF6FA
Shade
- 2D91AE
- 257B94
- 1D667B
- 155263
- 0E3E4C
- 082C36
- 031A21
- 010A0F
- 000102
Tone
- 43A3C1
- 4EA0BA
- 589CB2
- 5F98AB
- 6694A4
- 6D909D
- 728C96
- 77888E
- 7C8487
Harmoni warna
Komplementer +180°
- 35A7C8
Laguna
- D18061
≈ Burning Sand
Analog -30° +30°
- 35A7C8
Laguna
- 25ADA9
≈ Tropical Tree
- 639CDA
≈ Blue Bay
Triadik +120° +240°
- 35A7C8
Laguna
- C67CAC
≈ Strawberry Freeze
- A69A43
≈ Prickly Pear
Split-komplementer +150° +210°
- 35A7C8
Laguna
- D27B87
≈ I Pink I Can
- C28C45
≈ Golden Leaf
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.51:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--laguna: #35a7c8;
--laguna-rgb: 53 167 200;
--laguna-oklch: oklch(0.68 0.11 221.5);
}
.element {
color: var(--laguna);
background-color: hsl(193 58% 50%);
border-color: oklch(0.68 0.11 221.5);
}Tailwind CSS v4
@theme {
--color-laguna: #35a7c8;
--color-laguna-50: #d4fdff;
--color-laguna-100: #c1f1ff;
--color-laguna-200: #a1dff7;
--color-laguna-300: #75c4e1;
--color-laguna-400: #46adcc;
--color-laguna-500: #0095b9;
--color-laguna-600: #007e9c;
--color-laguna-700: #00657e;
--color-laguna-800: #004b5c;
--color-laguna-900: #003441;
--color-laguna-950: #001f29;
}SCSS
$laguna: #35a7c8;
$laguna-rgb: 53, 167, 200;
$laguna-light: mix(#fff, $laguna, 20%);
$laguna-dark: mix(#000, $laguna, 20%);
.element {
color: $laguna;
box-shadow: 0 0 0 2px rgba($laguna, 0.35);
}