Najbliższy nazwany kolor · #0B8291
#0B8291
Najbliższy nazwany kolor: Cruising
#0B8291 (rgb(11 130 145), hsl(187 86% 31%), oklch(0.556 0.094 209.2)) jest najbliższy nazwanemu kolorowi Cruising. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0B8291
oklch(0.556 0.094 209.2)
Konwersje koloru
- HEX
- #0b8291
- RGB
- rgb(11 130 145)
- HSL
- hsl(187 86% 31%)
- HWB
- hwb(187 4% 43%)
- OKLCH
- oklch(0.556 0.094 209.2)
- OKLab
- oklab(0.556 -0.082 -0.046)
- CIE Lab
- lab(49.25 -26.21 -16.99)
- LCH
- lch(49.25 31.23 213)
- CMYK
- cmyk(92% 10% 0% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 368E9C
- 519AA6
- 69A7B1
- 7FB3BC
- 94C0C7
- AACCD2
- BFD9DD
- D4E5E8
- EAF2F4
Odcienie ciemniejsze
- 08707D
- 065F6A
- 044E58
- 023E46
- 012F35
- 012025
- 001215
- 000607
- 000101
Tony
- 27828F
- 37828E
- 44828C
- 4F828A
- 588289
- 618287
- 698185
- 718184
- 798082
Harmonie kolorów
Komplementarna +180°
- 0B8291
Cruising
- A35D53
≈ Cheek Red
Analogowa -30° +30°
- 0B8291
Cruising
- 1D8575
≈ Summer Turquoise
- 387AA4
≈ Taiwan Blue Magpie
Triada +120° +240°
- 0B8291
Cruising
- 925F8E
≈ Hashita Purple
- 897029
≈ Corn Harvest
Komplementarna rozszczepiona +150° +210°
- 0B8291
Cruising
- A05B72
≈ Rose Wine
- 9C6537
≈ Woodgrain
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.54:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.61:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.61:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--cruising: #0b8291;
--cruising-rgb: 11 130 145;
--cruising-oklch: oklch(0.556 0.094 209.2);
}
.element {
color: var(--cruising);
background-color: hsl(187 86% 31%);
border-color: oklch(0.556 0.094 209.2);
}Tailwind CSS v4
@theme {
--color-cruising: #0b8291;
--color-cruising-50: #d8fdff;
--color-cruising-100: #c5f1fa;
--color-cruising-200: #a6e0eb;
--color-cruising-300: #7cc5d3;
--color-cruising-400: #52aebc;
--color-cruising-500: #1597a8;
--color-cruising-600: #18808e;
--color-cruising-700: #146672;
--color-cruising-800: #0b4b53;
--color-cruising-900: #07343a;
--color-cruising-950: #002024;
}SCSS
$cruising: #0b8291;
$cruising-rgb: 11, 130, 145;
$cruising-light: mix(#fff, $cruising, 20%);
$cruising-dark: mix(#000, $cruising, 20%);
.element {
color: $cruising;
box-shadow: 0 0 0 2px rgba($cruising, 0.35);
}