Colore con nome · #AFC9DC
Life at Sea
Life at Sea è #AFC9DC: rgb(175 201 220), hsl(205 39% 77%), oklch(0.823 0.039 239.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Life at Sea color name →
#AFC9DC
oklch(0.823 0.039 239.7)
Conversioni di colore
- HEX
- #afc9dc
- RGB
- rgb(175 201 220)
- HSL
- hsl(205 39% 77%)
- HWB
- hwb(205 69% 14%)
- OKLCH
- oklch(0.823 0.039 239.7)
- OKLab
- oklab(0.823 -0.02 -0.034)
- CIE Lab
- lab(79.47 -6.03 -12.58)
- LCH
- lch(79.47 13.95 244.4)
- CMYK
- cmyk(20% 9% 0% 14%)
Tinte · Ombre · Toni
Tinte
- B7CEE0
- BFD4E3
- C7D9E7
- CFDEEA
- D7E4EE
- DFE9F1
- E7EFF5
- EFF4F8
- F7FAFC
Ombre
- 98AEBF
- 8195A3
- 6B7C88
- 56646E
- 414C54
- 2E363C
- 1C2226
- 0B0F11
- 010202
Toni
- AAC1D2
- A6BAC9
- A1B3C0
- 9CABB6
- 97A4AD
- 939DA4
- 8E959B
- 898E92
- 858789
Armonie di colore
Complementare +180°
- AFC9DC
Life at Sea
- D9C0AC
≈ Boudoir Beige
Analogo -30° +30°
- AFC9DC
Life at Sea
- A9CCD3
≈ Grand Entrance
- BBC4DF
≈ Genevieve
Triadico +120° +240°
- AFC9DC
Life at Sea
- DBBBC4
≈ Fragrant Orchid
- C1C9AD
≈ Green Dragon Spring
Complementare divisa +150° +210°
- AFC9DC
Life at Sea
- DDBCB6
≈ Strawflower
- CFC4A9
≈ In for the Night
Tetradico +90° +180° +270°
- AFC9DC
Life at Sea
- D4BCD1
≈ Cosmetic Mauve
- D9C0AC
≈ Boudoir Beige
- B4CCB8
≈ Subtle Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.21:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--life-at-sea: #afc9dc;
--life-at-sea-rgb: 175 201 220;
--life-at-sea-oklch: oklch(0.823 0.039 239.7);
}
.element {
color: var(--life-at-sea);
background-color: hsl(205 39% 77%);
border-color: oklch(0.823 0.039 239.7);
}Tailwind CSS v4
@theme {
--color-life-at-sea: #afc9dc;
--color-life-at-sea-50: #ecf7ff;
--color-life-at-sea-100: #ddeaf4;
--color-life-at-sea-200: #c6d7e4;
--color-life-at-sea-300: #a7baca;
--color-life-at-sea-400: #8aa2b3;
--color-life-at-sea-500: #6f8a9e;
--color-life-at-sea-600: #5e7585;
--color-life-at-sea-700: #4b5e6b;
--color-life-at-sea-800: #36454e;
--color-life-at-sea-900: #252f37;
--color-life-at-sea-950: #131c21;
}SCSS
$life-at-sea: #afc9dc;
$life-at-sea-rgb: 175, 201, 220;
$life-at-sea-light: mix(#fff, $life-at-sea, 20%);
$life-at-sea-dark: mix(#000, $life-at-sea, 20%);
.element {
color: $life-at-sea;
box-shadow: 0 0 0 2px rgba($life-at-sea, 0.35);
}