Nazwany kolor · #7EA3D2
Boudoir Blue
Boudoir Blue to #7EA3D2: rgb(126 163 210), hsl(214 48% 66%), oklch(0.706 0.08 254.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Boudoir Blue color name →
#7EA3D2
oklch(0.706 0.08 254.7)
Konwersje koloru
- HEX
- #7ea3d2
- RGB
- rgb(126 163 210)
- HSL
- hsl(214 48% 66%)
- HWB
- hwb(214 49% 18%)
- OKLCH
- oklch(0.706 0.08 254.7)
- OKLab
- oklab(0.706 -0.021 -0.078)
- CIE Lab
- lab(65.6 -4.02 -28.41)
- LCH
- lch(65.6 28.7 262)
- CMYK
- cmyk(40% 22% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8BACD7
- 97B5DB
- A4BEE0
- B1C7E5
- BDD1E9
- CADAEE
- D7E3F2
- E5ECF6
- F2F6FB
Odcienie ciemniejsze
- 6D8DB6
- 5C789B
- 4C6381
- 3C4F68
- 2D3C50
- 1F2A39
- 111924
- 050A10
- 010102
Tony
- 7EA0CA
- 7F9CC1
- 7F99B9
- 8095B1
- 8092A9
- 808EA1
- 808B98
- 808790
- 808488
Harmonie kolorów
Komplementarna +180°
- 7EA3D2
Boudoir Blue
- BE9967
≈ Edgy Green
Analogowa -30° +30°
- 7EA3D2
Boudoir Blue
- 65ABC6
≈ Blue Mist
- 9A9AD1
≈ Bluebell Frost
Triada +120° +240°
- 7EA3D2
Boudoir Blue
- CD8C90
≈ Martini East
- 8BAC79
≈ Cressida
Komplementarna rozszczepiona +150° +210°
- 7EA3D2
Boudoir Blue
- CB9077
≈ Ginger Scent
- A8A367
≈ Wavy Glass
Tetrada +90° +180° +270°
- 7EA3D2
Boudoir Blue
- C58CAC
≈ Bonny Belle
- BE9967
≈ Edgy Green
- 6EB094
≈ Dusty Jade Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.60:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.05:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--boudoir-blue: #7ea3d2;
--boudoir-blue-rgb: 126 163 210;
--boudoir-blue-oklch: oklch(0.706 0.08 254.7);
}
.element {
color: var(--boudoir-blue);
background-color: hsl(214 48% 66%);
border-color: oklch(0.706 0.08 254.7);
}Tailwind CSS v4
@theme {
--color-boudoir-blue: #7ea3d2;
--color-boudoir-blue-50: #e7f7ff;
--color-boudoir-blue-100: #d7eaff;
--color-boudoir-blue-200: #bfd6f7;
--color-boudoir-blue-300: #9dbae1;
--color-boudoir-blue-400: #7ea1ce;
--color-boudoir-blue-500: #6189bb;
--color-boudoir-blue-600: #52749e;
--color-boudoir-blue-700: #425c7f;
--color-boudoir-blue-800: #2e445e;
--color-boudoir-blue-900: #1f2f42;
--color-boudoir-blue-950: #0f1b2a;
}SCSS
$boudoir-blue: #7ea3d2;
$boudoir-blue-rgb: 126, 163, 210;
$boudoir-blue-light: mix(#fff, $boudoir-blue, 20%);
$boudoir-blue-dark: mix(#000, $boudoir-blue, 20%);
.element {
color: $boudoir-blue;
box-shadow: 0 0 0 2px rgba($boudoir-blue, 0.35);
}