이름 색상 · #005E8C
Mamala Bay
Mamala Bay은(는) #005E8C: rgb(0 94 140), hsl(200 100% 27%), oklch(0.459 0.105 239.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Mamala Bay color name →
#005E8C
oklch(0.459 0.105 239.9)
색상 변환
- HEX
- #005e8c
- RGB
- rgb(0 94 140)
- HSL
- hsl(200 100% 27%)
- HWB
- hwb(200 0% 45%)
- OKLCH
- oklch(0.459 0.105 239.9)
- OKLab
- oklab(0.459 -0.053 -0.091)
- CIE Lab
- lab(37.14 -10.41 -32.69)
- LCH
- lch(37.14 34.31 252.3)
- CMYK
- cmyk(100% 33% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 2A6E98
- 447DA3
- 5C8DAF
- 739DBA
- 8AADC6
- A1BDD1
- B8CDDD
- CFDEE8
- E7EEF4
셰이드
- 005179
- 004467
- 003755
- 002B43
- 001F33
- 001423
- 000A14
- 000307
- 000001
톤
- 1C628B
- 2C668A
- 396989
- 456D88
- 4F7087
- 5A7386
- 647785
- 6D7A83
- 777D82
색 조화
보색 +180°
- 005E8C
Mamala Bay
- 814706
≈ Dried Mustard
유사색 -30° +30°
- 005E8C
Mamala Bay
- 006470
≈ Peacock Tail
- 415392
≈ Crushed Velvet
삼각 배색 +120° +240°
- 005E8C
Mamala Bay
- 853C55
≈ Ancient Royal Banner
- 516008
≈ Camouflage Green
분열 보색 +150° +210°
- 005E8C
Mamala Bay
- 893E33
≈ Strong Strawberry
- 6C5500
≈ Ayahuasca Vine
사각 배색 +90° +180° +270°
- 005E8C
Mamala Bay
- 784074
≈ Spring Lobster Dye
- 814706
≈ Dried Mustard
- 226836
≈ Camarone
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.04:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.97:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--mamala-bay: #005e8c;
--mamala-bay-rgb: 0 94 140;
--mamala-bay-oklch: oklch(0.459 0.105 239.9);
}
.element {
color: var(--mamala-bay);
background-color: hsl(200 100% 27%);
border-color: oklch(0.459 0.105 239.9);
}Tailwind CSS v4
@theme {
--color-mamala-bay: #005e8c;
--color-mamala-bay-50: #dcfaff;
--color-mamala-bay-100: #caedff;
--color-mamala-bay-200: #addbfe;
--color-mamala-bay-300: #87bee9;
--color-mamala-bay-400: #60a7d6;
--color-mamala-bay-500: #388ec4;
--color-mamala-bay-600: #3179a6;
--color-mamala-bay-700: #276085;
--color-mamala-bay-800: #184762;
--color-mamala-bay-900: #103145;
--color-mamala-bay-950: #031d2d;
}SCSS
$mamala-bay: #005e8c;
$mamala-bay-rgb: 0, 94, 140;
$mamala-bay-light: mix(#fff, $mamala-bay, 20%);
$mamala-bay-dark: mix(#000, $mamala-bay, 20%);
.element {
color: $mamala-bay;
box-shadow: 0 0 0 2px rgba($mamala-bay, 0.35);
}