Nazwany kolor · #9BBFC9
Rest Assured
Rest Assured to #9BBFC9: rgb(155 191 201), hsl(193 30% 70%), oklch(0.782 0.041 216.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Rest Assured color name →
#9BBFC9
oklch(0.782 0.041 216.5)
Konwersje koloru
- HEX
- #9bbfc9
- RGB
- rgb(155 191 201)
- HSL
- hsl(193 30% 70%)
- HWB
- hwb(193 61% 21%)
- OKLCH
- oklch(0.782 0.041 216.5)
- OKLab
- oklab(0.782 -0.033 -0.024)
- CIE Lab
- lab(74.94 -10.83 -9.26)
- LCH
- lch(74.94 14.25 220.5)
- CMYK
- cmyk(23% 5% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A5C5CE
- AFCCD4
- B9D2D9
- C3D8DE
- CDDFE4
- D7E5E9
- E1ECEF
- EBF2F4
- F5F8FA
Odcienie ciemniejsze
- 86A6AE
- 728D95
- 5E757C
- 4B5E64
- 39484C
- 283336
- 181F22
- 090D0F
- 010202
Tony
- 98B9C1
- 96B2BA
- 93ACB3
- 91A5AB
- 8E9FA4
- 8B999D
- 899395
- 868C8E
- 838687
Harmonie kolorów
Komplementarna +180°
- 9BBFC9
Rest Assured
- D1AFA6
≈ Lime Hawk Moth
Analogowa -30° +30°
- 9BBFC9
Rest Assured
- 9BC1BC
≈ Pitter Patter
- A3BBD1
≈ Blue Horror
Triada +120° +240°
- 9BBFC9
Rest Assured
- CAAEC2
≈ Winsome Orchid
- BFB89B
≈ Distant Valley
Komplementarna rozszczepiona +150° +210°
- 9BBFC9
Rest Assured
- D0AEB3
≈ Ballet Rose
- CBB39D
≈ Familiar Beige
Tetrada +90° +180° +270°
- 9BBFC9
Rest Assured
- BEB2CD
≈ Frosted Orchid
- D1AFA6
≈ Lime Hawk Moth
- B1BDA1
≈ Jade Cameo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.68:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--rest-assured: #9bbfc9;
--rest-assured-rgb: 155 191 201;
--rest-assured-oklch: oklch(0.782 0.041 216.5);
}
.element {
color: var(--rest-assured);
background-color: hsl(193 30% 70%);
border-color: oklch(0.782 0.041 216.5);
}Tailwind CSS v4
@theme {
--color-rest-assured: #9bbfc9;
--color-rest-assured-50: #e9f8fd;
--color-rest-assured-100: #daecf1;
--color-rest-assured-200: #c2d9e0;
--color-rest-assured-300: #a1bdc6;
--color-rest-assured-400: #84a5ae;
--color-rest-assured-500: #678d98;
--color-rest-assured-600: #587880;
--color-rest-assured-700: #466067;
--color-rest-assured-800: #32464b;
--color-rest-assured-900: #223134;
--color-rest-assured-950: #111d20;
}SCSS
$rest-assured: #9bbfc9;
$rest-assured-rgb: 155, 191, 201;
$rest-assured-light: mix(#fff, $rest-assured, 20%);
$rest-assured-dark: mix(#000, $rest-assured, 20%);
.element {
color: $rest-assured;
box-shadow: 0 0 0 2px rgba($rest-assured, 0.35);
}