Nazwany kolor · #B5D8DF
Tear
Tear to #B5D8DF: rgb(181 216 223), hsl(190 40% 79%), oklch(0.859 0.038 211.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Tear color name →
#B5D8DF
oklch(0.859 0.038 211.1)
Konwersje koloru
- HEX
- #b5d8df
- RGB
- rgb(181 216 223)
- HSL
- hsl(190 40% 79%)
- HWB
- hwb(190 71% 13%)
- OKLCH
- oklch(0.859 0.038 211.1)
- OKLab
- oklab(0.859 -0.033 -0.02)
- CIE Lab
- lab(83.96 -10.84 -7.52)
- LCH
- lch(83.96 13.19 214.7)
- CMYK
- cmyk(19% 3% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCDCE2
- C4E0E5
- CBE4E9
- D3E8EC
- DAEBEF
- E1EFF2
- E9F3F5
- F0F7F9
- F8FBFC
Odcienie ciemniejsze
- 9DBCC2
- 86A0A5
- 6F858A
- 596B6F
- 445356
- 303B3D
- 1D2527
- 0C1112
- 020202
Tony
- B0CFD5
- AAC6CB
- A5BDC2
- A0B4B8
- 9BABAE
- 95A2A5
- 909A9C
- 8B9192
- 858889
Harmonie kolorów
Komplementarna +180°
- B5D8DF
Tear
- E9C8C2
≈ Kashmir Pink
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- B5D8DF
Tear
- E7C7CF
≈ Oh so Pretty
- E4CCB8
≈ Take-Out
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.85:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--tear: #b5d8df;
--tear-rgb: 181 216 223;
--tear-oklch: oklch(0.859 0.038 211.1);
}
.element {
color: var(--tear);
background-color: hsl(190 40% 79%);
border-color: oklch(0.859 0.038 211.1);
}Tailwind CSS v4
@theme {
--color-tear: #b5d8df;
--color-tear-50: #eaf8fc;
--color-tear-100: #daecef;
--color-tear-200: #c3d9de;
--color-tear-300: #a2bdc3;
--color-tear-400: #85a5ab;
--color-tear-500: #698d95;
--color-tear-600: #59787e;
--color-tear-700: #476065;
--color-tear-800: #334649;
--color-tear-900: #233133;
--color-tear-950: #121d1f;
}SCSS
$tear: #b5d8df;
$tear-rgb: 181, 216, 223;
$tear-light: mix(#fff, $tear, 20%);
$tear-dark: mix(#000, $tear, 20%);
.element {
color: $tear;
box-shadow: 0 0 0 2px rgba($tear, 0.35);
}