Colore con nome · #274256
Reef Resort
Reef Resort è #274256: rgb(39 66 86), hsl(206 38% 25%), oklch(0.367 0.048 241.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Reef Resort color name →
#274256
oklch(0.367 0.048 241.8)
Conversioni di colore
- HEX
- #274256
- RGB
- rgb(39 66 86)
- HSL
- hsl(206 38% 25%)
- HWB
- hwb(206 15% 66%)
- OKLCH
- oklch(0.367 0.048 241.8)
- OKLab
- oklab(0.367 -0.023 -0.042)
- CIE Lab
- lab(26.51 -5.72 -15.43)
- LCH
- lch(26.51 16.46 249.6)
- CMYK
- cmyk(55% 23% 0% 66%)
Tinte · Ombre · Toni
Tinte
- 3A5366
- 4E6476
- 637686
- 778996
- 8D9CA7
- A3AFB8
- B9C2CA
- D0D6DB
- E7EAED
Ombre
- 20384A
- 1A2F3E
- 142532
- 0E1C27
- 08141C
- 040B12
- 020508
- 010102
- 000000
Toni
- 30485A
- 394E5E
- 415463
- 4A5A67
- 53616B
- 5C676F
- 656D74
- 6E7378
- 777A7C
Armonie di colore
Complementare +180°
- 274256
Reef Resort
- 513924
≈ Bonanza
Analogo -30° +30°
- 274256
Reef Resort
- 1C464D
≈ Blue Hill
- 363D58
≈ Gulf Blue
Triadico +120° +240°
- 274256
Reef Resort
- 54343D
≈ Nectar of the Gods
- 3B4326
≈ Deep Seaweed
Complementare divisa +150° +210°
- 274256
Reef Resort
- 55352F
≈ American Mahogany
- 483E20
≈ Madras
Tetradico +90° +180° +270°
- 274256
Reef Resort
- 4E354A
≈ Loulou
- 513924
≈ Bonanza
- 2B4632
≈ Wine Bottle Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.50:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.99:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.50:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--reef-resort: #274256;
--reef-resort-rgb: 39 66 86;
--reef-resort-oklch: oklch(0.367 0.048 241.8);
}
.element {
color: var(--reef-resort);
background-color: hsl(206 38% 25%);
border-color: oklch(0.367 0.048 241.8);
}Tailwind CSS v4
@theme {
--color-reef-resort: #274256;
--color-reef-resort-50: #eaf7ff;
--color-reef-resort-100: #dbeaf7;
--color-reef-resort-200: #c4d7e8;
--color-reef-resort-300: #a3bbcf;
--color-reef-resort-400: #86a3b9;
--color-reef-resort-500: #6a8ba4;
--color-reef-resort-600: #5a758a;
--color-reef-resort-700: #485e6f;
--color-reef-resort-800: #334551;
--color-reef-resort-900: #233039;
--color-reef-resort-950: #121c23;
}SCSS
$reef-resort: #274256;
$reef-resort-rgb: 39, 66, 86;
$reef-resort-light: mix(#fff, $reef-resort, 20%);
$reef-resort-dark: mix(#000, $reef-resort, 20%);
.element {
color: $reef-resort;
box-shadow: 0 0 0 2px rgba($reef-resort, 0.35);
}