Cor nomeada · #2D5367
Regatta Bay
Regatta Bay é #2D5367: rgb(45 83 103), hsl(201 39% 29%), oklch(0.423 0.055 233.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Regatta Bay color name →
#2D5367
oklch(0.423 0.055 233.1)
Conversões de cor
- HEX
- #2d5367
- RGB
- rgb(45 83 103)
- HSL
- hsl(201 39% 29%)
- HWB
- hwb(201 18% 60%)
- OKLCH
- oklch(0.423 0.055 233.1)
- OKLab
- oklab(0.423 -0.033 -0.044)
- CIE Lab
- lab(33.15 -9.25 -16.05)
- LCH
- lch(33.15 18.52 240.1)
- CMYK
- cmyk(56% 19% 0% 60%)
Tons claros · Sombras · Tons
Tons claros
- 416375
- 557384
- 698392
- 7D94A1
- 92A5B1
- A7B7C0
- BCC8CF
- D2DADF
- E8EDEF
Sombras
- 264759
- 1F3B4B
- 18303D
- 112530
- 0B1B23
- 061117
- 02080C
- 010204
- 000000
Tons
- 36586A
- 3F5C6C
- 47616F
- 4F6571
- 576974
- 5F6E76
- 687279
- 70777B
- 787B7E
Harmonias de cor
Complementar +180°
- 2D5367
Regatta Bay
- 664531
≈ Copra
Análoga -30° +30°
- 2D5367
Regatta Bay
- 23575B
≈ Sea Challenge
- 3E4E6C
≈ Ensign Blue
Tríade +120° +240°
- 2D5367
Regatta Bay
- 654150
≈ Delicious Berry
- 4E512D
≈ Warplock Bronze
Complementar dividida +150° +210°
- 2D5367
Regatta Bay
- 694240
≈ Folklore
- 5C4B29
≈ Nightingale
Tétrade +90° +180° +270°
- 2D5367
Regatta Bay
- 5C445F
≈ Pansy Petal
- 664531
≈ Copra
- 3C563A
≈ Ficus
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.25:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.54:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--regatta-bay: #2d5367;
--regatta-bay-rgb: 45 83 103;
--regatta-bay-oklch: oklch(0.423 0.055 233.1);
}
.element {
color: var(--regatta-bay);
background-color: hsl(201 39% 29%);
border-color: oklch(0.423 0.055 233.1);
}Tailwind CSS v4
@theme {
--color-regatta-bay: #2d5367;
--color-regatta-bay-50: #e7f8ff;
--color-regatta-bay-100: #d7ebf8;
--color-regatta-bay-200: #bfd9e9;
--color-regatta-bay-300: #9dbdd0;
--color-regatta-bay-400: #7fa5ba;
--color-regatta-bay-500: #618da5;
--color-regatta-bay-600: #53778b;
--color-regatta-bay-700: #425f70;
--color-regatta-bay-800: #2f4652;
--color-regatta-bay-900: #1f3039;
--color-regatta-bay-950: #0f1d23;
}SCSS
$regatta-bay: #2d5367;
$regatta-bay-rgb: 45, 83, 103;
$regatta-bay-light: mix(#fff, $regatta-bay, 20%);
$regatta-bay-dark: mix(#000, $regatta-bay, 20%);
.element {
color: $regatta-bay;
box-shadow: 0 0 0 2px rgba($regatta-bay, 0.35);
}