Nazwany kolor · #BBDFD5
Short Phase
Short Phase to #BBDFD5: rgb(187 223 213), hsl(163 36% 80%), oklch(0.875 0.04 176.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Short Phase color name →
#BBDFD5
oklch(0.875 0.04 176.7)
Konwersje koloru
- HEX
- #bbdfd5
- RGB
- rgb(187 223 213)
- HSL
- hsl(163 36% 80%)
- HWB
- hwb(163 73% 13%)
- OKLCH
- oklch(0.875 0.04 176.7)
- OKLab
- oklab(0.875 -0.04 0.002)
- CIE Lab
- lab(86 -13.73 0.76)
- LCH
- lch(86 13.75 176.8)
- CMYK
- cmyk(16% 0% 4% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2E2D9
- C9E5DD
- D0E9E1
- D6ECE6
- DDEFEA
- E4F2EE
- EBF5F2
- F1F9F6
- F8FCFB
Odcienie ciemniejsze
- A2C2B9
- 8AA59E
- 738A83
- 5C6F6A
- 465651
- 323D3A
- 1F2724
- 0D1210
- 020202
Tony
- B5D5CC
- AFCBC3
- A9C2BB
- A3B8B2
- 9DAEAA
- 98A5A1
- 929C99
- 8C9290
- 868988
Harmonie kolorów
Komplementarna +180°
- BBDFD5
Short Phase
- EDCBD6
≈ Donquixote Doflamingo
Analogowa -30° +30°
- BBDFD5
Short Phase
- C5DDC7
≈ Mint Intermezzo
- B8DEE3
≈ Basin Blue
Triada +120° +240°
- BBDFD5
Short Phase
- D8D1EE
≈ Air Castle
- EBD0BD
≈ Cream of Mushroom
Komplementarna rozszczepiona +150° +210°
- BBDFD5
Short Phase
- E5CDE4
≈ Footie Pyjamas
- EFCCC8
≈ Kislev Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.62:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.62:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--short-phase: #bbdfd5;
--short-phase-rgb: 187 223 213;
--short-phase-oklch: oklch(0.875 0.04 176.7);
}
.element {
color: var(--short-phase);
background-color: hsl(163 36% 80%);
border-color: oklch(0.875 0.04 176.7);
}Tailwind CSS v4
@theme {
--color-short-phase: #bbdfd5;
--color-short-phase-50: #eaf9f5;
--color-short-phase-100: #daede8;
--color-short-phase-200: #c3dad4;
--color-short-phase-300: #a2bfb7;
--color-short-phase-400: #86a79e;
--color-short-phase-500: #6a8f85;
--color-short-phase-600: #5a7971;
--color-short-phase-700: #48615a;
--color-short-phase-800: #344741;
--color-short-phase-900: #23312d;
--color-short-phase-950: #121d1a;
}SCSS
$short-phase: #bbdfd5;
$short-phase-rgb: 187, 223, 213;
$short-phase-light: mix(#fff, $short-phase, 20%);
$short-phase-dark: mix(#000, $short-phase, 20%);
.element {
color: $short-phase;
box-shadow: 0 0 0 2px rgba($short-phase, 0.35);
}