Najbliższy nazwany kolor · #15A8CB
#15A8CB
Najbliższy nazwany kolor: Gummy Dolphins
#15A8CB (rgb(21 168 203), hsl(192 81% 44%), oklch(0.678 0.12 220.3)) jest najbliższy nazwanemu kolorowi Gummy Dolphins. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#15A8CB
oklch(0.678 0.12 220.3)
Konwersje koloru
- HEX
- #15a8cb
- RGB
- rgb(21 168 203)
- HSL
- hsl(192 81% 44%)
- HWB
- hwb(192 8% 20%)
- OKLCH
- oklch(0.678 0.12 220.3)
- OKLab
- oklab(0.678 -0.092 -0.078)
- CIE Lab
- lab(63.23 -27.18 -28.55)
- LCH
- lch(63.23 39.42 226.4)
- CMYK
- cmyk(90% 17% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 42B1D0
- 5DBAD6
- 75C3DB
- 8ACBE0
- 9FD4E6
- B2DDEB
- C6E5F0
- D9EEF5
- ECF6FA
Odcienie ciemniejsze
- 1192B0
- 0C7C96
- 08677D
- 055265
- 033F4D
- 022C37
- 011A22
- 000A0F
- 000102
Tony
- 32A4C3
- 42A0BC
- 4E9DB4
- 5999AD
- 6195A5
- 69919E
- 6F8D96
- 76898F
- 7B8488
Harmonie kolorów
Komplementarna +180°
- 15A8CB
Gummy Dolphins
- D67C5C
≈ Clay Mug
Analogowa -30° +30°
- 15A8CB
Gummy Dolphins
- 00AEA8
≈ Teal Me No Lies
- 5A9CDF
≈ Blue Bay
Triada +120° +240°
- 15A8CB
Gummy Dolphins
- C979AF
≈ Strawberry Freeze
- A99934
≈ Pestulance
Komplementarna rozszczepiona +150° +210°
- 15A8CB
Gummy Dolphins
- D67686
≈ Razzberries
- C68939
≈ Golden Leaf
Tetrada +90° +180° +270°
- 15A8CB
Gummy Dolphins
- AF82CF
≈ Wisteria
- D67C5C
≈ Clay Mug
- 7EA653
≈ Mosquito Fern
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--gummy-dolphins: #15a8cb;
--gummy-dolphins-rgb: 21 168 203;
--gummy-dolphins-oklch: oklch(0.678 0.12 220.3);
}
.element {
color: var(--gummy-dolphins);
background-color: hsl(192 81% 44%);
border-color: oklch(0.678 0.12 220.3);
}Tailwind CSS v4
@theme {
--color-gummy-dolphins: #15a8cb;
--color-gummy-dolphins-50: #d1feff;
--color-gummy-dolphins-100: #bcf2ff;
--color-gummy-dolphins-200: #9ae0fa;
--color-gummy-dolphins-300: #6bc5e4;
--color-gummy-dolphins-400: #33aed0;
--color-gummy-dolphins-500: #0097bd;
--color-gummy-dolphins-600: #0080a0;
--color-gummy-dolphins-700: #006680;
--color-gummy-dolphins-800: #004c5e;
--color-gummy-dolphins-900: #003542;
--color-gummy-dolphins-950: #00202a;
}SCSS
$gummy-dolphins: #15a8cb;
$gummy-dolphins-rgb: 21, 168, 203;
$gummy-dolphins-light: mix(#fff, $gummy-dolphins, 20%);
$gummy-dolphins-dark: mix(#000, $gummy-dolphins, 20%);
.element {
color: $gummy-dolphins;
box-shadow: 0 0 0 2px rgba($gummy-dolphins, 0.35);
}